Запретить iframe воспроизводить видео на YouTube

Есть ли в iframe возможность предотвратить воспроизведение видео, т.е. у меня есть следующий iframe:

<iframe src="https://www.youtube.com/embed/v2ifWcnQs6M" width="468" height="60" ></iframe>

Я хочу отобразить только миниатюру видео на YouTube с красной кнопкой «воспроизведение» в центре миниатюры, но запретить пользователю воспроизводить видео. Есть ли способ сделать это?

Поскольку, как я проверил Youtube IFrame API, нет решения для получения идентификатора видео YouTube, т.е. мне нужно проанализировать URL-адрес самостоятельно, а затем создайте следующий URL-адрес:

https://img.youtube.com/vi/video_id/0.jpg

И, кроме того, этот URL-адрес возвращает миниатюру без красной кнопки «воспроизведение», которую я также хочу. Итак, есть ли атрибут HTML в обходном пути iframe или js для этого?


javascript youtube-api html iframe youtube-iframe-api
person marknorkin    schedule 16.09.2015    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Добавьте прозрачный элемент div поверх видео на YouTube с помощью CSS. см. пример.

person mukama    schedule 16.09.2015
comment
спасибо, хорошее решение! Есть ли возможность сделать кнопку воспроизведения всегда активной, т.е. красной? - person marknorkin; 16.09.2015
comment
пожалуйста. к сожалению, нет возможности настроить кнопку с помощью API YouTube, но вы можете поместить свою собственную красную кнопку поверх iframe, как мы сделали для прозрачного div. - person mukama; 16.09.2015

arrow_upward
1
arrow_downward

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

person MysterX    schedule 16.09.2015
comment
Спасибо за твой ответ. жаль, что YouTube не поддерживает получение идентификаторов видео внутри компании :( Кажется, я буду использовать 'img .youtube.com/vi/video_id/0.jpg' - person marknorkin; 16.09.2015