JSFiddle - React, Tailwind, and code Playground

by lvo811

HTML

<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>

    <object id="myExperience1772963843001" class="BrightcoveExperience" >  
    <param name="bgcolor" value="#FFFFFF" />
    <param name="width" value="480" />
    <param name="height" value="270" />
    <param name="playerID" value="889778563001" />   
    <param name="playerKey" value="AQ~~,AAAAwFCyREk~,R6fcmQA_ySLOTNBFvZ0mjvLcTW-_NNbL" />  
    <param name="isVid" value="true" />
    <param name="isUI" value="true" />
    <param name="dynamicStreaming" value="true" />
    <param name="includeAPI" value="true" />    
    <param name="templateLoadHandler" value="myTemplateLoaded" />  

    </object>
    
    <script type="text/javascript">brightcove.createExperiences();</script>
    
 <!-- End of Brightcove Player -->
 
<script type="text/javascript">
alert("reading javascript");
    var player;
    var modVP;
    var modExp;
    var modCon;
    var previousVideoID=0;
    var nextVideo=0;
    var videos=new Array(1745605243001,1745395077001,1626523978001);

function myTemplateLoaded(experienceID) {
    alert("myTemplateLoaded is loaded");
    player = brightcove.api.getExperience(experienceID);
    modVP = player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
    modExp = player.getModule(brightcove.api.modules.APIModules.EXPERIENCE);
    modCon = player.getModule(brightcove.api.modules.APIModules.CONTENT);
    
    modExp.addEventListener(brightcove.api.events.ExperienceEvent.TEMPLATE_READY, onTemplateReady);
}
 
function onTemplateReady(evt) {
    modVP.loadVideoByID(videos[nextVideo]);
    modVP.addEventListener(brightcove.api.events.MediaEvent.COMPLETE, onMediaComplete);
    modVP.addEventListener(brightcove.api.events.MediaEvent.CHANGE, onMediaChange);
}


function onMediaComplete() {
   nextVideo++; 
   if (nextVideo==videos.length) {
      nextVideo=0;
   }
   modVP.loadVideoByID(videos[nextVideo]);
}


function...