Force HTML5 YouTube видео

Question

Что касается блога YouTube API , они экспериментируют со своим новым 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 Video , но мне нужна эта функция для встроенных видео.

Answer 1

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

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

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

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

Answer 2

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

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

Answer 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>

надеюсь, это кому-нибудь пригодится

Answer 4

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

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

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