JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<link rel="stylesheet" href="http://megaptery.com/allofthelights/stylesheets/jquery.allofthelights.css">
<script src="http://megaptery.com/allofthelights/javascripts/jquery.allofthelights.js"></script>
<p>Press Switch to turn on/off lights --></p>
<div id="switch"></div><br/><br/><br/>
<iframe id="iVideo" width="600" height="338" src="http://www.youtube.com/embed/t4H_Zoh7G5A" frameborder="0" allowfullscreen></iframe>

CSS

body
{
padding: 10pt;
}

p
{
    float:right;
    position: absolute;
    top: 10px;
    right: 60px; 
    font-size: 24pt;
    font-family: Calibri;
    color: Maroon;    
}

JavaScript

$(document).ready(function() {
    $("#iVideo").allofthelights();
});