Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<body>
<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'/>
</body>
</html>
 
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");
});
});
//]]>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
tilonorrincopro
0viewers