JSFiddle - React, Tailwind, and code Playground

HTML

<center>
<div id="switch"><a class="lightSwitcher" href="javascript:void(0);">Turn off the lights</a></div>
<div id="lightsVideo">
<select id="url" onchange="changeSrc(this, document.getElementById('myframe'));">
  <optgroup label="Выбор эп."></optgroup>
</select>
<iframe id="myframe" width="700" height="394" src="//video.sibnet.ru/shell.php?videoid=2668933" style="border:0;" scrolling="no" allowfullscreen></iframe>
</div>
</center>

<div id='lightsoff'/>

CSS

/* Turn off the lights
----------------------------------------------- */
#lightsVideo {
position:relative;
z-index:102;
}
#switch {
max-width:640px;
text-align:left;
position:relative;
height:25px;
display:block;
}
.lightSwitcher {
position:absolute;
z-index:101;
background-image:url(http://3.bp.blogspot.com/-Vs5EJnjVScM/Um0Sq84fJtI/AAAAAAAAEeQ/PEu-OStZciA/s1600/lights-on.png);
background-repeat:no-repeat;
background-position:left;
padding: 0 0 0 20px;
outline:none;
text-decoration:none;
}
.lightSwitcher:hover {text-decoration:underline;}
.turnedOff {
color:#ffff00 !important; 
background-image:url(http://3.bp.blogspot.com/-vKGxmBhYshA/Um0Sqwy_hNI/AAAAAAAAEeU/F0WKs6_WARM/s1600/lights-off.png);
}
#lightsoff {
background:#000;
opacity:0.9;
filter:alpha(opacity=90);
position:absolute;
left:0;
top:0;
width:100%;
z-index:100;
}

JavaScript

var
  urls = {
    '01 эп.':'//video.sibnet.ru/shell.php?videoid=2668933&autoplay=1',
    '02 эп.':'//video.sibnet.ru/shell.php?videoid=2668979&autoplay=1',
    '03 эп.':'//video.sibnet.ru/shell.php?videoid=2668991&autoplay=1',
    '04 эп.':'//video.sibnet.ru/shell.php?videoid=2669005&autoplay=1'
  },
  select = document.getElementById('url'),
  opt,
  k;

for (k in urls) {
  opt = document.createElement('option');
  opt.value = urls[k];
  opt.innerHTML = k;
  select.appendChild(opt);
}

function changeSrc(input, el) {
  el.src = input.value;
}
//<![CDATA[
$(document).ready(function(){
$("#lightsoff").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#lightsoff").toggle();
if ($("#lightsoff").is(":hidden"))
$(this).html("Turn off the lights").removeClass("turnedOff");
else
$(this).html("Turn on the lights").addClass("turnedOff");
});
});
//]]>