JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/9b0ed3b4fd7a2eb3049b51cd26b48b9c0300e7b9.bin?disposition=attachment&filename=jwplayer6.10.js"></script>
        <script type="text/javascript">jwplayer.key = "Q1Ft5yFT0nJBlCFnQAvJ7nC+uwr628IgJBzoCAnnn3tGVqUiRjtloYRetCh+EbI0";</script>
        
<script type='text/javascript'>

var temp;
var temphref; //these variables to get the href of the anchor back when opening 
              //another file so you could open the first file again


function playjw(file) {

var srcfile=file.href;


jwplayer('player_container').setup ({

'flashplayer': 'player.swf',
'file': srcfile,
'controlbar': 'bottom',
'width': '470',
'height': 320,
'provider': 'http'

});

return false; // this is required to not let the browser follow the link.


}
</script>


<div id="player_container"></div>
<a href="https://www.youtube.com/watch?v=az87rel5RRA" onclick="playjw(this)" />
<a href="./files/file2.mp4" onclick="playjw(this)" />
<a href="./files/file3.mp4" onclick="playjw(this)" />