JSFiddle - React, Tailwind, and code Playground

by salt

HTML

<strong>Result:</strong>
<div id="result"></div>

CSS

strong {font-weight:bold}

JavaScript

function parseVideoURL(url) {

    url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo|dailymotion)\.com\/(watch\?[^#]*v=(\w+)|(\d+)).+$/);
    return {
        provider : RegExp.$1,
        id : RegExp.$1 == 'vimeo' ? RegExp.$2 : RegExp.$3
    }
}


var result = document.getElementById("result");
var video = parseVideoURL("http://www.youtube.com/embed/0zM3nApSvMg?rel=0");
result.innerHTML = "Provider: " + video.provider + "<br>ID: " + video.id;
    
    var video = parseVideoURL("http://www.youtube.com/watch?v=PQLnmdOthmA&feature=feedrec_grec_index");
result.innerHTML = "Provider: " + video.provider + "<br>ID: " + video.id;

var video = parseVideoURL("http://vimeo.com/22080133/?asdasdjk");
result.innerHTML += "<br>--<br>Provider: " + video.provider + "<br>ID: " + video.id;
    
var video = parseVideoURL("http://www.dailymotion.com/video/xp4wh6_the-black-angels-entrance-song_music");
result.innerHTML += "<br>--<br>Provider: " + video.provider + "<br>ID: " + video.id;