Force HTML5 youtube video

Odnośnie bloga Youtube API eksperymentują z nowym odtwarzaczem wideoHTML5 .

Najwyraźniej aby odtworzyć film w html5, musisz użyć kodu osadzającego iframe:

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

Ale jeśli klient nie dołączył do wersji próbnej HTML5 , Odtwarzacz automatycznie wróci do flash Playera, nawet jeśli przeglądarka klienta obsługuje wideo HTML5.

Jak wymusić odtwarzanie wideo HTML5, jeśli przeglądarka go obsługuje, nawet jeśli użytkownicy nie są jeszcze zaangażowani w Test HTML5?

Inaczej jak wyłączyć Flashback?

EDIT:

Możliwe jest wymuszenie odtwarzacza HTML poprzez linki do wideo Youtube , ale potrzebuję tego rodzaju funkcji do osadzonych filmów.

Author: Yashwardhan Pauranik, 2011-05-01

5 answers

Znalazłem rozwiązanie:

Musisz dodać html5=1 w atrybucie src iframe:

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

Wideo zostanie wyświetlone jako HTML5, jeśli będzie dostępne, lub wycofane do flash player.

 181
Author: Kami,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-05-08 09:11:34

To, czy filmy z YouTube odtwarzają się w formacie HTML5, zależy od ustawienia w https://www.youtube.com/html5, na przeglądarkę. Chrome preferuje automatyczne odtwarzanie HTML5, ale nawet najnowszy Firefox i Internet Explorer nadal używają Flasha, jeśli jest zainstalowany na komputerze.

Parametr html5=1 już nic nie robi. (Zauważ, że nie jest nawet wymieniony na https://developers.google.com/youtube/player_parameters.)

 20
Author: Vacilando,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-05-06 09:27:28

Próbowałem użyć kodu embed iframe i pojawił się odtwarzacz HTML5, jednak z jakiegoś powodu iframe całkowicie zepsuł moją stronę.

Poszperałem ze starym kodem osadzania obiektów i działa idealnie. Więc jeśli masz problemy z iframe oto kod, którego użyłem:

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

Mam nadzieję, że jest to przydatne dla kogoś

 4
Author: alejandro,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-10-19 13:37:25

Jeśli używasz interfejsu IFrame embed api, możesz umieścić html5:1 jako jeden z argumentów playerVars w następujący sposób:

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});
Całkowicie działa.
 2
Author: samson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-05-19 19:26:15

Inline tag jest używany do dodania kolejnego src dokumentu do bieżącego elementu html.

W Twoim przypadku film z youtube i musimy określić typ html (4 lub 5) do przeglądarki zewnętrznie do linku

Więc dodać ?html=5 do końca linku.. :)

 0
Author: ashwinrishipj,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2019-08-12 16:16:19