JSFiddle - React, Tailwind, and code Playground

HTML

<input placeholder="Place Vimeo URL here" id="video" value="https://vimeo.com/22439234"/>
<button id="button">Parse url</button>

<div>
    <iframe id="iframe"></iframe>
</div>

CSS

iframe{
    border:none;
    margin-top:30px;
}

JavaScript

function parseUrl(url){
    var vimeoRegex = /(?:vimeo)\.com.*(?:videos|video|channels|)\/([\d]+)/i;
    var parsed = url.match(vimeoRegex);

    return "//player.vimeo.com/video/" + parsed[1];    
};

document.getElementById('button').addEventListener('click', function(){
    var url = document.getElementById('video').value;
    
    document.getElementById('iframe').src = parseUrl(url);
});