JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>
<div id="yt_div_1">
    You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<p><a href="#" onclick="play('yt_player_1'); return false;">Play</a>
    <a href="#" onclick="paws('yt_player_1'); return false;">Paws</a></p>
<div id="yt_div_2">
    You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<p><a href="#" onclick="play('yt_player_2'); return false;">Play</a>
    <a href="#" onclick="paws('yt_player_2'); return false;">Paws</a></p>
<div id="yt_div_3">
    You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<p><a href="#" onclick="play('yt_player_3'); return false;">Play</a>
    <a href="#" onclick="paws('yt_player_3'); return false;">Paws</a></p>
<div id="yt_div_4">
    You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<p><a href="#" onclick="play('yt_player_4'); return false;">Play</a>
    <a href="#" onclick="paws('yt_player_4'); return false;">Paws</a></p>

JavaScript

var sharedParam = {
    allowScriptAccess: "always"
};


swfobject.embedSWF("http://www.youtube.com/v/hCarSDT7cSQ?enablejsapi=1&version=3", "yt_div_1", "200", "150", "8", null, null, sharedParam, {
    id: "yt_player_1"
});

swfobject.embedSWF("http://www.youtube.com/v/67aIIRv-dYU?enablejsapi=1&version=3", "yt_div_2", "200", "150", "8", null, null, sharedParam, {
    id: "yt_player_2"
});

swfobject.embedSWF("http://www.youtube.com/v/tGvHNNOLnCk?enablejsapi=1&version=3", "yt_div_3", "200", "150", "8", null, null, sharedParam, {
    id: "yt_player_3"
});

swfobject.embedSWF("http://www.youtube.com/v/_-8IufkbuD0?enablejsapi=1&version=3", "yt_div_4", "200", "150", "8", null, null, sharedParam, {
    id: "yt_player_4"
});

var playerids = [
    "yt_player_1",
    "yt_player_2",
    "yt_player_3",
    "yt_player_4"
    ];

function play(whichone) {
    for (var i = 0; i < playerids.length; i++) {
        var playerid = playerids[i];
        if (playerid == whichone) {
            if (document.getElementById(playerid)) {
                document.getElementById(playerid).playVideo();
            }
        } else {
            if (document.getElementById(playerid)) {
                document.getElementById(playerid).pauseVideo();
            }
        }
    }
}

function paws(playerid) {
    if (document.getElementById(playerid)) {
        document.getElementById(playerid).pauseVideo();
    }
}