ti-enxame.com

Forçar vídeo do youtube em HTML5

Em relação ao Youtube API Blog eles estão experimentando com seu novo HTML5 Video Player.

Aparentemente, para reproduzir um vídeo em html5, você precisa usar o código de incorporação de iframe:

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

Mas se o cliente não tiver ingressado no teste HTML5 , o player voltará automaticamente para o flash player, mesmo se o navegador do cliente for compatível com vídeo HTML5.

Como forçar a reprodução de vídeo em HTML5 se o navegador oferecer suporte, mesmo se os usuários ainda não estiverem envolvidos na avaliação do HTML5?

Caso contrário, como desativar o fallback flash?

EDITAR:

É possível forçar o player HTML através de links para o Youtube Video , mas eu preciso desse tipo de recurso para vídeos incorporados.

116
Kami

Eu encontrei a solução:

Você precisa adicionar o html5=1 no atributo src do iframe:

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

O vídeo será exibido como HTML5, se disponível, ou será incluído no Flash Player.

178
Kami

A reprodução ou não de vídeos do YouTube no formato HTML5 depende da configuração em https://www.youtube.com/html5 , por navegador. Chrome prefere a reprodução de HTML5 automaticamente, mas mesmo o Firefox e o Internet Explorer mais recentes ainda usam o Flash se ele estiver instalado na máquina.

O parâmetro html5 = 1 não faz mais nada (agora). (Observe que nem é listado em https://developers.google.com/youtube/player_parameters .)

20
Vacilando

Tentei usar o código de incorporação de iframe e o player HTML5 apareceu. No entanto, por algum motivo, o iframe estava quebrando meu site completamente.

Eu mexi com o antigo código de incorporação de objetos e funciona perfeitamente bem. Então, se você está tendo problemas com o iframe, aqui está o código que eu usei:

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

espero que isso seja útil para alguém

4
alejandro

Se você estiver usando a API iframe embed, você pode colocar html5:1 como um dos argumentos playerVars, da seguinte forma:

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

Totalmente funciona.

2
samson