JSFiddle - React, Tailwind, and code Playground

by Robert N.

HTML

<select id="url" onchange="changeSrc(this, document.getElementById('myframe'));">
  <option value="">Выбор эп.</option>
</select>
<iframe id="myframe" width="700" height="394" src="" style="border:0;" scrolling="no" allowfullscreen></iframe>

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;
}