Помогите устранить ошибку Bad value for attribute rel on element a

222
21 марта 2018, 03:30

Имеется список переключающихся ссылок с трансляцией 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.

Не подскажите, как в данном случае ее лучше устранить не потеряв при этом функционал?

READ ALSO
Воспроизвести градиенты с помощью CSS или SVG (неважно как) [требует правки]

Воспроизвести градиенты с помощью CSS или SVG (неважно как) [требует правки]

Здравствуйте, достались градиенты в png, не могу разобраться какие цвета на какие наслаиваются, чтобы получить нужный эффектПомогите пожалуйста...

243
Как раскрасить каждое слово заголовка?

Как раскрасить каждое слово заголовка?

Как раскрасить каждое слово заголовка h2 в разный цвет с помощью css?

214
Как сделать border для маркера?

Как сделать border для маркера?

В списке под каждым li стоит border-bottom, но он не распространяется на маркерМожно ли как то подчеркнуть li вместе с маркером?

194
Как сверстать две колонки на CSS

Как сверстать две колонки на CSS

Как сделать такое на CSS? мне приходит только table использовать, но мне кажется это не лучшая идея

218