Как сделать превью видео с youtube, подгружаемого через iframe, хорошего качества?

Question

Как сделать превью видео с youtube, подгружаемого через iframe, хорошего качества?

Роман Титанов Мастер (1836), закрыт 5 лет назад

На сайт вставляется видео с помощью тега iframe. Превью очень низкого разрешения. Когда видео запускается, качество становится хорошим (как на ютубе)
На скринах: как выглядит участок страницы до открытия видео и после начала воспроизведения.

Answer 1

username users Мастер (1523) 5 лет назад

Не iframe надо использовать а тег video у него есть атрибут poster а его значение это путь к картинке которая будет отображаться до начала воспроизведения.

Роман ТитановМастер (1836) 5 лет назад

В качестве значения src можно указывать ссылку на ютуб (ту же что для iframe)?

username users Мастер (1523) https://developers.google.com/youtube/iframe_api_reference

Роман ТитановМастер (1836) 5 лет назад

через source наверное

username users Мастер (1523) https://webref.ru/html/video но видео с ютуба придётся загрузить на сервер или на пк

Answer 2

Через embed - никак.

Можешь делать заглушку и вставлять туда превью, по клику прятать превью и запускать видос.

Максимально доступное превью можно получить по ссылке:
http://i.ytimg.com/vi/___id-видео____/maxresdefault.jpg
Если видео низкого качества (меньше 720 вроде, но хз сколько точно), то этого файла не будет

Например: http://i.ytimg.com/vi/8iSBVIHCRdc/maxresdefault.jpg

Стандартное высокое качество:
http://i.ytimg.com/vi/___id-видео____/hqdefault.jpg

Например: http://i.ytimg.com/vi/8iSBVIHCRdc/hqdefault.jpg