Имеется список переключающихся ссылок с трансляцией youtube
.
$(document).ready(function() {
$("ul.video li:eq(1) a:eq(0)").addClass("on");
$("ul.video li:eq(1) a").click(function() {
$("ul.video li:eq(1) a").removeClass("on");
$(this).addClass("on");
$("iframe.youtube").attr("src", "https://www.youtube.com/embed/" + $(this).attr("rel"));
});
});
<ul class="cols video">
<li>
<iframe class="youtube" src="https://www.youtube.com/embed/sU17tLEDfmk" frameborder="0" allowfullscreen></iframe>
<div class="videos">
<div class="container scrollbar-inner">
<a href="#sU19tLEDfmk" rel="sU19tLEDfmk"><span class="title">Прямая трансляция</span></a>
....
</div>
</div>
</li>
</ul>
Все работает нормально, однако получаю ошибку валидации
Error: Bad value sU17tLEDfmk for attribute rel on element a: The string sU17tLEDfmk is not a registered keyword.
Не подскажите, как в данном случае ее лучше устранить не потеряв при этом функционал?
Виртуальный выделенный сервер (VDS) становится отличным выбором
Здравствуйте, достались градиенты в png, не могу разобраться какие цвета на какие наслаиваются, чтобы получить нужный эффектПомогите пожалуйста...
Как раскрасить каждое слово заголовка h2 в разный цвет с помощью css?
В списке под каждым li стоит border-bottom, но он не распространяется на маркерМожно ли как то подчеркнуть li вместе с маркером?
Как сделать такое на CSS? мне приходит только table использовать, но мне кажется это не лучшая идея