Paksa video youtube HTML5

119

Mengenai Blog API Youtube, mereka bereksperimen dengan Pemutar Video HTML5 baru mereka .

Ternyata untuk memutar video di html5, Anda harus menggunakan kode embedding iframe:

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

Namun jika klien belum bergabung dengan Uji Coba HTML5 , pemutar secara otomatis akan beralih kembali ke pemutar flash meskipun browser klien mendukung video HTML5.

Bagaimana cara memaksa pemutaran video HTML5 jika browser mendukungnya, meskipun pengguna belum terlibat dalam Uji Coba HTML5?

Kalau tidak, bagaimana cara menonaktifkan flash fallback?

EDIT:

Dimungkinkan untuk memaksa pemutar HTML melalui tautan ke Video Youtube , tetapi saya membutuhkan fitur semacam ini untuk video yang disematkan.

Kami
sumber
Bagaimana jika Anda mendeteksi Kemampuan HTML5 dengan js, dan menerapkan kode api youtube yang sesuai. Atau saya harus mengatakan, jika Video HTML5 tidak didukung, jangan menerapkan api youtube karena akan menggunakan Flash.
David Hobs

Jawaban:

179

Saya telah menemukan solusinya:

Anda harus menambahkan html5=1di atribut src dari iframe:

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

Video akan ditampilkan sebagai HTML5 jika tersedia, atau dikembalikan ke flash player.

Kami
sumber
1
hmm - sekarang tidak berfungsi (video yang sama), aneh. Saya ingin tahu apakah itu hanya berfungsi di server youtube tertentu?
UpTheCreek
1
Tidak berfungsi saat menambahkan &html5=1ke bagian akhir video yang tidak disematkan: /
Moshe Revah
1
Menambahkan &html5=1(atau &html5=truesemacamnya) ke akhir hyperlink (bukan video tertanam iframe) tampaknya tidak berfungsi di IE tanpa Flash.
Ryan
1
Video YouTube dengan iklan secara otomatis akan menggunakan Flash player
tanggal
8
Saya pikir semua laporan itu bias. Tidak ada yang mengatakan jika dia dalam "html5 beta youtube" dan ini mungkin merupakan faktor kunci. Ketika saya meninggalkan html5 beta, tampaknya? Html5 = 1 tidak melakukan apa-apa. Setiap video dilengkapi dengan flash.
Paul Brewczynski
20

Apakah video YouTube diputar dalam format HTML5 atau tidak tergantung pada pengaturan di https://www.youtube.com/html5 , per browser. Chrome lebih memilih pemutaran HTML5 secara otomatis, tetapi bahkan Firefox dan Internet Explorer terbaru masih menggunakan Flash jika dipasang di komputer.

Parameter html5 = 1 tidak melakukan apa-apa (lagi) sekarang. (Perhatikan bahwa ini bahkan tidak terdaftar di https://developers.google.com/youtube/player_parameters .)

Vacilando
sumber
Baru saja dicentang, saya telah memilih pemutar HTML5 di youtube.com/html5 , tetapi jika & html5 = 1 tidak ditentukan sebagai parameter untuk pemutar sematan, flash dimuat, saat saya menentukan parameter pemutar HTML5 dimuat. OS: Linux, Firefox 33 64bit.
Czar
Saya baru saja menguji html5=1di Firefox 33.0.2 dan berfungsi dengan baik (dan tidak mengharuskan pengguna mengaktifkan pengaturan HTML5 di YouTube). Tanpanya YouTube mengirimkan versi Flash secara default.
Simon East
Parameternya masih berfungsi, tetapi mengaktifkannya di halaman html5 membuat youtube default ke html5 yang lebih baik.
alanh
4

Saya mencoba menggunakan kode semat iframe dan pemutar HTML5 muncul, namun, karena beberapa alasan, iframe benar-benar merusak situs saya.

Saya mengotak-atik kode sematan objek lama dan berfungsi dengan baik. Jadi jika Anda mengalami masalah dengan iframe, inilah kode yang saya gunakan:

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

semoga bermanfaat bagi seseorang

alejandro
sumber
YouTube <object>tidak digunakan lagi mulai akhir Januari. Gunakan <iframe>sebagai gantinya.
Samuel Elh
<object>masih berfungsi, sebenarnya iframe hanya berisi saja.
RozzA
2

Jika Anda menggunakan api embed iframe, Anda dapat meletakkannya html5:1sebagai salah satu playerVarsargumen, seperti:

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

Benar-benar bekerja.

samson
sumber
0

Tag sebaris digunakan untuk menambahkan src dari dokumen ke elemen html saat ini.

Dalam kasus Anda, video youtube dan kami perlu menentukan jenis html (4 atau 5) ke browser secara eksternal ke tautan

jadi tambahkan? html = 5 di akhir tautan .. :)

ashwinrishipj
sumber