Какой лучший способ вставки адаптивного видео(и ссылок на видео)?

Question

[safbek]

В какой степени вы используете тег видео для ссылок на видео ютуб?
Дело в том что, я изначально вставил видео с помощью ютуб скрипта, но потом подумал, может это можно было решить тегом video html5

<div class="video-play">
  <video source src="https://youtu.be/H6G63NKRSi8?list=PL363QX7S8MfSxcHzvkNEqMYbOyhLeWwem" controls width=320 heigh=240>
  Your browser does not support the <code>video</code> element.
 </video>
</div>

Но не работает. В чем проблема? Поделитесь, пожалуйста, как вы вставляете адаптивное видео? Искал по русскоязычным ресурсам, но нашел только старые методы.

Comments

[name surname]

Встраивание запрещено пользователем Sorax

Answer 1

[Svidrigaylow]

Жмёшь правой кнопкой по ютьюб видео - кликаешь копировать html код. Получаешь примерно:

<iframe width="640" height="360" src="https://www.youtube.com/embed/example" frameborder="0" allowfullscreen></iframe>

Стираешь ширину и высоту. Прописываешь класс, и, через медиа-выражения, ставишь нужный размер на нужное разрешение экрана

Comments

[safbek]

Спасибо, но я имел в виду есть ли способы рабочие и в то же время новее? В каких случая работает тег video html5 и в чем заключается моя ошибка в коде

[Svidrigaylow]

safbek: Понятия не имею, в чем тут ошибка, но скорее проблема в самой ссылке на видео. Я мимо проходил просто