Принудительное видео HTML5 youtube

Что касается Youtube API Blog, они экспериментируют с их новым видеопроигрывателем HTML5.

Видимо, чтобы воспроизвести видео в html5, вы должны использовать код внедрения iframe:

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

Но если клиент не присоединился к HTML5 Trial, игрок автоматически вернется в флеш-плеер, даже если браузер клиента - HTML5 видео.

Как заставить воспроизведение видео HTML5, если браузер поддерживает его, даже если пользователи еще не участвуют в тестировании HTML5?

В противном случае, как отключить резервную копию вспышки?

EDIT:

Можно заставить HTML-плеер использовать ссылки на видео Youtube, но мне нужна такая функция для встроенных видео.

Ответ 1

Я нашел решение:

Вы должны добавить html5=1 в атрибут src iframe:

<iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>

Видео будет отображаться как HTML5, если оно доступно, или резервное копирование в flash-плеер.

Ответ 2

Независимо от того, играют ли видеоролики YouTube в формате HTML5, зависит от параметра https://www.youtube.com/html5 для каждого браузера. Chrome предпочитает воспроизведение HTML5 автоматически, но даже последние Firefox и Internet Explorer по-прежнему используют Flash, если он установлен на компьютере.

Параметр html5 = 1 теперь ничего не делает (больше). (Обратите внимание, что он даже не указан в https://developers.google.com/youtube/player_parameters.)

Ответ 3

Я попытался использовать код вставки iframe и появился плеер HTML5, однако по какой-то причине iframe полностью разбил мой сайт.

Я испортил старый код для встраивания объектов, и он отлично работает. Поэтому, если у вас возникают проблемы с iframe, здесь используется код, который я использовал:

<object width="640" height="360">
<param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

надеюсь, что это полезно для кого-то

Ответ 4

Если вы используете iframe embed api, вы можете поместить html5:1 в один из аргументов playerVars, например:

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});

Полностью работает.