Можно ли скрыть красную кнопку воспроизведения youtube с параметром?

Быстрый пример кода, который я использую на данный момент, чтобы создать свой YouTube iframe:

player = new YT.Player('[PLAYER ID]', {
  height: '300',
  width: '480',
  videoId: '[VIDEO ID]',
  playerVars: { 'controls': 0, 'showinfo': 0 },
});

Все отлично работает до сих пор, он загружает видео без элементов управления или информационной полосы, и я "вручную" воспроизвожу видео с помощью javascript.

Проблема заключается в том, что теперь нет необходимости в красной кнопке "играть", которая мгновенно отображается при запуске видео.

enter image description here

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

Ответы

Ответ 1

Я считаю, что это невозможно. Таким образом, единственный способ скрыть кнопку "Воспроизвести" - разместить видеоизображение над видео, которое можно извлечь из YouTube, как показано ниже. На каждом видеоролике YouTube есть 4 сгенерированных изображения. Они предсказуемо отформатированы следующим образом:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

Но как только вы добавите наложение, нажатие на экране вместо управления не будет воспроизводить видео, для этого добавьте следующий jQuery, который воспроизводит видео

jQuery('#overlay').click(function(){
  jQuery(this).hide();
  jQuery('#youtube_id').get(0).playVideo();
});

Ответ 2

На каждом видеоролике YouTube есть 4 сгенерированных изображения. Они предсказуемо отформатированы следующим образом:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

Первый в списке - это изображение полного размера, а другие - уменьшенные изображения. Миниатюра изображения по умолчанию (то есть одна из 1.jpg, 2.jpg, 3.jpg):

http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

Для высококачественной версии эскиза используйте URL-адрес, похожий на этот:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

Существует также версия миниатюры среднего качества с использованием URL-адреса, подобного HQ:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg

Для версии миниатюры стандартной версии используйте URL-адрес, подобный этому:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

Для версии максимального разрешения эскиза используйте URL-адрес, похожий на этот:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

Все вышеперечисленные URL-адреса доступны также через https. Просто измените http на https в любом из указанных выше URL-адресов. Кроме того, немного более короткое имя хоста i3.ytimg.com работает вместо img.youtube.com в приведенных выше примерах.

В качестве альтернативы вы можете использовать API данных YouTube (v3) или старше API YouTube v2.0, чтобы получить уменьшенные изображения.