HTML5 <video>для YouTube - PullRequest
       20

HTML5 <video>для YouTube

0 голосов
/ 21 февраля 2012

Я работаю над сайтом, который создает динамические электронные книги ePub специально для iPad через iBooks.

Он должен поддерживать воспроизведение видео на YouTube, поэтому я использую тег html5 <video>, который работает, когдаЯ знаю прямой путь к видео.

Есть ли способ встроить видео на YouTube, используя тег html5 <video>, в отличие от использования кода для вставки YouTube?

Ответы [ 3 ]

2 голосов
/ 21 февраля 2012

Расширение ClickToPlugin (он же ClickToFlash) * может заменять встраивания YouTube на <video>.Возможно, его код для этого может быть полезен.

Это выглядит сложным, потому что он обрабатывает много различных типов вставок, но, возможно, вы можете выяснить конкретный результат для вашего случая - илисоздайте веб-страницу со встроенным видео, примените ClickToFlash и посмотрите на результат, полученный в веб-инспекторе.

1 голос
/ 03 октября 2013

YouTube не предоставляет прямые URL-адреса своим видео.Если бы они это сделали, они не смогли бы отслеживать просмотры, показывать рекламу, позволять владельцу видео контролировать его распространение или маркировать плеер своим логотипом.

Вы можете попытаться придумать что-нибудь, чтобы обойти это, но обойти проигрыватель YouTube - значит обойти их способность контролировать контент, что по понятным причинам запрещено их ToS:

You agree not to circumvent, disable or otherwise interfere with security-related
features of the Service or features that prevent or restrict use or copying of any
Content or enforce limitations on use of the Service or the Content therein.

Неотличный план, если вы хотите, чтобы ваше видео продолжало показываться после публикации контента.

Вместо этого лучше всего использовать опции, которые предоставляет YouTube, чтобы вы могли контролировать работу, которую вы представляете встроенному.player.

К сожалению, на данный момент поддерживаются только теги и

Подход IFrame на данный момент является наилучшим доступным вариантом, и этот тег показывает, как изменить ваш URL для встраивания, чтобы получить проигрыватель, который включает только минимум YouTube:

<iframe src=
   "http://www.youtube.com/embed/mbOEknbi4gQ?autoplay=1&controls=0&showinfo=0"
   frameborder="1" width="534" height="400"></iframe>

Здесь используются следующие параметры:

  • autoplay = 1: автоматическое воспроизведение видео
  • controls = 0: не показывать панель управления
  • showinfo =0: не показывать метаданные видео, такие как загрузчик

Полный список поддерживаемых параметров можно найти здесь: https://developers.google.com/youtube/player_parameters#Parameters

Я знаю, что вы не получили ответ, новряд ли это изменится в ближайшее время, и, как упомянул другой респондент, этот подход работает.Фактически, в настоящее время в отрасли существует практика представления подключенного видео в публикациях цифровой печати. ​​

Удачи!

1 голос
/ 28 февраля 2012

Код для вставки в HTML5 на YouTube, кажется, нормально работает с iBooks на iPad, без использования тегов <video>.

...