Атрибут selected не срабатывает в Chrome и полностью не работает в Firefox

А как именно это проявляется?

http://joxi.net/D2PxnxpCkWpnZ2

Вот, к примеру, на скриншоте видно, как бегунок фокусируется на 2/3 списка, хотя атрибутом выделен последний выпуск.

По ссылкам на сайты можно увидеть, как отличаются отображения на разных шаблонах.

http://russkieserialy.tv/521-dnk-ntv-11-03-2020.html — корректно показывается (Chrome)

https://russkih-serialov.net/40-dnk-ntv-11-03-2020.html — фокусируется на 2/3 плейлиста (Chrome)

(не забудьте нажать (Ctrl + f5))

Не понял проблему. У меня все корректно по вашему списку на хроме. Как на оригинале выделяется все. И в FF работает

http://joxi.ru/DmBQYQkSz6jGDr так отображается в браузере хром при первом посещении сайта (нажать ctrl + f5 для обнуления кеша)

http://joxi.ru/gmv0X0GHv0QXRA а вот так должно отображаться на самом деле, независимо, первый раз ты посетил страницу этого сайта или уже бывал на нём

https://russkih-serialov.net/40-dnk-ntv-11-03-2020.html

тут последнему выпуску 11.03.2020 присвоен атрибут selected

<iframe scrolling=no id="film_main1" src="https://ok.ru/videoembed/1666565409355" width="500" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe>
<select autocomplete="off" class="vova1" size="5" onchange="javascript:urla=this.value;document.getElementById('film_main1').src=urla;">
--/--МНОГО ВЫПУСКОВ И СЕРИЙ--/--
<option value="//www.ntv.ru/embed/1832263?utm_content=DNK"> 05.03.2020 Кому квартиру в Подмосковье?</option>
<option value="//www.ntv.ru/embed/1833880?utm_content=DNK"> 10.03.2020 Зря не обменялись детьми после роддома?</option>
<option selected value="//ok.ru/videoembed/1666565409355"> 11.03.2020</option>
</select>

Так и выпуску выше «присвоен»..

<option selected value="//ok.ru/videoembed/2057592113701"> 20.11.2019 

<option selected value="//ok.ru/videoembed/2057592113701"> 20.11.2019 

Блин, плохой пример предоставил) — пропустил когда-то. В любом случае, не в двойном selected проблема. На других плейлистах, где не допущена ошибка , также отображается. Сейчас я отредактировал пример и он всё равно не отображается должным образом.

Покажите хороший ) Посмотрим. Но уверен, что дело не в браузерах.

Можно взять те же примеры что я привёл ) — я их отредактировал и лишние selected убрал.

http://russkieserialy.tv/521-dnk-ntv-11-03-2020.html

https://russkih-serialov.net/40-dnk-ntv-11-03-2020.html

первый заход

пролистываю список вниз

последующие заходы перебрасывает вниз списка, может тогда сразу добавить в конец скриптов

<script>

$(document).ready(function() {

var $s = $(‘.vova1’);

var optionTop = $(‘option:selected’).offset().top;

var selectTop = $s.offset().top;

$s.scrollTop($s.scrollTop() + (optionTop — selectTop));

});

</script>

скролим до option:selected элемента списка. Не очень понимаю что нужно, но может в этом затык.

Спасибо вам, что хотели помочь, но что-то не получается.

Не могу добиться срабатывания как на втором скриншоте, но только при первом посещении сайта.

Пользователи заходят на сайт из поисковика в первый раз и не видят последних выпусков. Скрол по умолчанию останавливается на 2/3 списка, когда по логике должен следовать последнему option c атрибутом selected.

Почему-то, такой же плейлист нормально работает на втором сайте.