Удаление оверлея «play on youtube» на встроенных видео - PullRequest
Новая
       81

Удаление оверлея «play on youtube» на встроенных видео

10 голосов
/ 19 декабря 2011

Есть ли способ получить кнопку «play on youtube», которая накладывается на видео, когда они встроены? Я изучал использование хромированного плеера YouTube, но не смог найти способ убрать оверлей. Кто-нибудь пробовал или слышал о способе сделать это?

Ответы [ 7 ]

22 голосов
/ 15 августа 2013

Три параметра, которые я нашел полезными: 

showinfo=0
controls=0
autohide=1

showinfo=0 гарантирует, что видео не отображает заголовок в верхней части видеокадра. controls=0 скрывает нижнюю панель с кнопкой воспроизведения, громкостью и т. Д. autohide=1 скрывает элементы управления до тех пор, пока вы над ними не наведите курсор, что, вероятно, является наиболее полезным.

Все официальные документы здесь .

14 голосов
/ 27 ноября 2013

Я обнаружил, что это невозможно. Таким образом, единственный способ скрыть кнопку «Воспроизведение» - разместить видеоизображение над видео, которое можно получить с 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();

});
3 голосов
/ 08 сентября 2015

Ответ с наибольшим количеством голосов работает хорошо сейчас!(Ср 9 сентября 15) Вы должны поместить

  1. параметры &showinfo=0&controls=0&autohide=1 Сразу после исходного кода видео
  2. и без разрыва строки в src = "..."

Я думаю, что почти вы пропустили вышеупомянутые случаи.

Ниже приведен мой пример кода. 

<div>
    <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen
     src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1">
    </iframe>
</div>

Это значит ... donне так, 

<iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>`

или как это, 

<iframe src="//www.youtube.com/v/...
             &autoplay=1
             &showinfo=0
             &controls=0
             &autohide=1
             &...></iframe>

и скриншот с результатом моего примера.

(я не мог опубликовать изображения из-за моегорепутация ... Смотрите здесь: http://i.stack.imgur.com/zC5lz.jpg)

Не забудьте!

  1. параметры &showinfo=0&controls=0&autohide=1 Сразу после исходного кода видео
  2. ибез перевода строки в src = "..."
2 голосов
/ 30 октября 2013

Невозможно удалить кнопку воспроизведения из плеера YouTube. Слушайте, есть три обходных пути для этого

1: автоматическое воспроизведение видео

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

3: извлечь URL видеоконтента (в соответствии с политикой YouTube, но он работает и в любой момент может сломаться)

URL-адрес для вставки: 

http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID"

Приведенный выше URL будет автоматически воспроизводить видео, если вы используете HTML 5, по умолчанию он не будет воспроизводиться автоматически. Для этого вам нужно использовать javascript для автоматического воспроизведения видео.

Еще одна вещь: после того, как видео заканчивается, оно снова отображает кнопку воспроизведения и Информация о видео , насколько я знаю, это неизбежно.

0 голосов
/ 06 августа 2018

К сожалению, 19 августа 2015 года атрибут autohide официально объявлен устаревшим.Вы больше не можете удалить кнопку воспроизведения, не используя скромное количество JavaScript.

То же самое можно найти здесь https://developers.google.com/youtube/player_parameters#autohide

0 голосов
/ 24 августа 2017

2017 Ответ:

Если вы ссылаетесь на логотип «YouTube» в правом нижнем углу, его можно удалить с помощью параметра info: 

showinfo=1

Конечно, это также приводит к отображению другой информации (например, заголовка видео), что может быть нежелательно. Тем не менее, логотип скрыт! :)

0 голосов
/ 01 марта 2012

ОБНОВЛЕНИЕ:

Вы пытались использовать параметр игрока "modestbranding", см. https://developers.google.com/youtube/player_parameters

Пример: http://www.youtube.com/v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0

Удаление «play onоверлей youtube »вручную противоречит Условиям предоставления услуг.

Ваш API-клиент не будет, и Вы не будете поощрять или создавать функциональность для своих пользователей или других третьих лиц для изменения, замены или иного отключенияфункционирование ссылок на YouTube или сторонние веб-сайты, предоставляемые в результатах поиска YouTube или иным образом предоставляемые через API YouTube или проигрыватель YouTube;

Это не очень хорошо задокументировано, но если вы нарушите УсловияСервис в любом случае Youtube может занести в черный список ваш сайт.Происходит то, что в основном каждое видео возвращает код ошибки 105 и перестает работать.Это случилось с сайтом, над которым я работал один раз, и было нелегко связаться с Google, чтобы отозвать черный список (после внесения изменений, чтобы снова соответствовать ToS).

...