Rumah >hujung hadapan web >html tutorial >Cara memasukkan video ke dalam HTML dan serasi dengan semua penyemak imbas_HTML/Xhtml_Pengeluaran halaman web

Cara memasukkan video ke dalam HTML dan serasi dengan semua penyemak imbas_HTML/Xhtml_Pengeluaran halaman web

WBOY
WBOYasal
2016-05-16 16:37:451415semak imbas

Terdapat dua kaedah yang paling biasa digunakan untuk memasukkan video ke dalam HTML, satu ialah teg dan satu lagi ialah teg

Yang pertama mempunyai keserasian, tetapi ia tidak begitu selesa untuk digunakan, tetapi keserasian adalah sakit kepala.

Walaupun terdapat banyak masalah dengan keserasian yang kedua, kerana ia sangat mudah digunakan dan mematuhi trend pembangunan reka bentuk web masa hadapan, kami menggunakan yang terakhir sebagai kaedah utama memasukkan video Kerana isu keserasiannya, yang pertama digunakan sebagai Auxiliary.

Contohnya adalah seperti berikut:

Salin kod
Kod adalah seperti berikut:


Pada masa ini, elemen video menyokong tiga format video:
Format IE Firefox Opera Chrome Safari
Ogg No 3.5 10.5 5.0 No
MPEG 4 9.0 Tidak Tidak. Pengekodan audio AAC

WebM = Fail WebM dengan pengekodan video VP8 dan pengekodan audio Vorbis

Nota: Format mesti mematuhi tiga keperluan terperinci di atas, seperti MPEG 4, yang mestilah H. 264 video dan audio AAC.

Dalam kes ini, jika format video betul, kami agak berpuas hati dengan hasil keserasian kebanyakan penyemak imbas, tetapi IE678 tidak menyokongnya, dan pengguna mereka masih merupakan kumpulan yang sangat besar di China mesti memikirkan penyelesaian lain untuk menyokong mereka:





Salin kod
Kodnya adalah seperti berikut:



video dalam format flv, serta beberapa fail swf atau js, semuanya dijana dengan perisian DW yang tidak mahu mengkaji teg hanya boleh pergi ke perisian DW untuk menjananya. Jika ia boleh digabungkan dengan bijak

Dengan dua keping kod ini, anda boleh mendapatkan kod akhir yang serasi dengan semua penyemak imbas utama.

Jadi kita boleh melakukan ini:

Gunakan jquery untuk menentukan sama ada penyemak imbas adalah IE (tidak perlu menentukan versi IE tertentu, kerana IE mungkin tidak lulus versi yang lebih tinggi atas sebab pelayan , jadi buat sementara waktu, gunakan < untuk semua teg IE ;object>), muatkan tag yang berbeza mengikut versi, kodnya adalah seperti berikut:




Salin kod


Kod adalah seperti berikut:


jika($.browser.msie){
document.write(''
''
''
'' 🎜>''
''
'' nama="
''
''
'' ');
}lain{
document.write(''); 🎜> Jangan lupa untuk memperkenalkan fail jquery

sebelum menulis kod ini Pada ketika ini, anda boleh menulis kod video HTML yang serasi dengan semua penyemak imbas.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn