JSFiddle - React, Tailwind, and code Playground

HTML

<iframe name='film_main' id='film_main' src='http://hqq.tv/player/embed_player.php?vid=13Y5WB9HRGKX&autoplay=no' width='350' height='250' frameborder='0'>
                        </iframe>
                        <br>
                        <select id="select_film" size='1'>
                            <option selected='selected' value='{THEME}/images/tv.png'>
Выберите серию
                            </option>
                            <option value="http://hqq.tv/player/embed_player.php?vid=13Y5WB9HRGKX&autoplay=no">01. Серия</option>
<option value="http://www.spruto.tv/iframe_embed.php?video_id=76493">02. Серия</option>
<option value="http://kinostok.tv/v/b8f5e6648a62796f9db114095c637dbe">03. Серия</option>
                        </select>

JavaScript

var select = document.getElementById('select_film'),
    frame = document.getElementById('film_main');

function onSelectFilmChange () {
    var value = this.value;
    saveFilm(value);
    window.location.reload();
}

function saveFilm(url) {
    localStorage.setItem('film_url', url);
}

function getFilm () {
     return localStorage.getItem('film_url') || '';   
}

$(function () {
    var film = getFilm();
    if (!film) {
        return;
    }
    
    var options = select.options;
    for (var i = 0, l = options.length; i < l; i++) {
        if (options[i].value == film) {
            select.selectedIndex = i;   
        }
    }
});

select.addEventListener('change', onSelectFilmChange, false);