JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script src="http://jwpsrv.com/library/5V3tOP97EeK2SxIxOUCPzg.js"></script>
<a href="ttps://www.youtube.com/embed/">Meerkat Polka Band Play Corrie Theme Tune #meerkatband</a>
<a href="ttps://www.youtube.com/embed/">Sony Bravia - Balls (HD)</a>
<div id="player"> </div>

JavaScript

var extractYoutubeLink = function(text) {
    return text.match(/youtube.\/watch\?v=([a-zA-Z0-9_-]{11})/);
};

var youtubeHrefFilter = function() {
    return extractYoutubeLink(this.href) != null;
};


var youtubePlayer = function(element) {
    jwplayer(element).setup({
        file: "//www.youtube.com/embed/" + extractYoutubeLink(element.href),
        image: "/uploads/myPoster.jpg"
    });
};

var youtubeLinks = $('a').filter(youtubeHrefFilter);

youtubeLinks.each(function() {
    $(this).click(function(e) {
        youtubePlayer(this);
        e.preventDefault();
    });
});