JSFiddle - React, Tailwind, and code Playground

by died

HTML

<div id="video"></div>

JavaScript

function parseVideoURL(url) {
    var retVal = {};
    if (url.match(/(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|[a-zA-Z0-9_\-]+\?v=)([^#\&\?\n<>\'\"]*)/)) {
        retVal.provider = "youtube";
        retVal.id = RegExp.$2;
    } else if (url.match(/vimeo.com\/(\d+)/)) {
        retVal.provider = "vimeo";
        retVal.id = RegExp.$1;
    } 
    return(retVal);
}
var v = document.getElementById("video");
var video = parseVideoURL("http://www.youtube.com/watch?v=PQLnmdOthmA&feature=feedrec_grec_index");
v.innerHTML = "provider: " + video.provider + "<br>id: " + video.id;

var video = parseVideoURL("http://vimeo.com/22080133");
v.innerHTML += "<br><br>provider: " + video.provider + "<br>id: " + video.id;

var video = parseVideoURL("http://youtu.be/PeWx53681JM");
v.innerHTML += "<br><br>Provproviderider: " + video.provider + "<br>id: " + video.id;