HTML Video (Video) Putar

Ada banyak cara untuk memutar video dalam metode HTML.

HTML Video (Video) Putar

Masalah dan solusi

Putar Video di HTML tidak mudah!

Anda perlu banyak tips familiar untuk memastikan bahwa file video Anda di semua browser (Internet Explorer, Chrome, Firefox, Safari, Opera), dan semua perangkat keras (PC, Mac, iPad, iPhone) bisa dimainkan.

Dalam bab ini, W3CSchool Anda meringkas masalah dan solusi.

Menggunakan tag <embed>

Peran <embed> tag adalah untuk menanamkan elemen multimedia di halaman HTML.

Kode HTML berikut untuk menampilkan video Flash tertanam di halaman:

masalah

• HTML4 tidak mengenali tag <embed>. Halaman Anda tidak dapat diverifikasi.
• Jika browser Anda tidak mendukung Flash, sehingga video tidak akan bermain
• iPad dan iPhone tidak dapat menampilkan video Flash.
• Jika Anda mengkonversi video ke format lain, masih tidak bermain di semua browser.

Menggunakan <object> tag

Peran <object> tag adalah untuk menanamkan elemen multimedia di halaman HTML.

Potongan HTML berikut menunjukkan beberapa Flash video tertanam di halaman:

Soal:

• Jika browser Anda tidak mendukung Flash, video tidak akan bermain.
• iPad dan iPhone tidak dapat menampilkan video Flash.
• Jika Anda mengkonversi video ke format lain, masih tidak bermain di semua browser.

Menggunakan HTML5 <video> elemen

HTML5 <video> mendefinisikan sebuah video atau film.

<Video> elemen di semua browser modern yang didukung.

Berikut fragmen HTML akan menampilkan ogg, mp4, atau format video WebM halaman web tertanam:

Soal:

• Anda perlu mengkonversi video ke berbagai format.
• <Video> elemen tidak berlaku di browser lama.

Solusi HTML Terbaik

Contoh berikut ini menggunakan empat format video yang berbeda. HTML 5 <video> elemen mencoba untuk bermain mp4, ogg, atau format webm adalah untuk memutar video. Jika semua gagal, kemudian jatuh kembali ke <embed> elemen.

Soal:

• Anda harus mengkonversi banyak format video yang berbeda

Solusi Youku

Cara termudah untuk menampilkan video di HTML adalah dengan menggunakan Youku dan situs video lainnya.

Jika Anda ingin memutar video di halaman web, Anda dapat meng-upload video ke Youku dan situs video lainnya, dan kemudian masukkan kode HTML untuk memutar video di halaman Anda:

menggunakan hyperlink

Jika halaman berisi hyperlink yang menunjuk ke file media, kebanyakan browser akan menggunakan "aplikasi pembantu" untuk memutar file.

Fragmen kode berikut menunjukkan link ke file AVI. Jika pengguna mengklik pada link, browser akan memulai "Helper Aplikasi", seperti Windows Media Player untuk memutar file AVI:

Pada deskripsi video inline

Ketika video disertakan dalam halaman web, hal itu disebut video yang inline.

Jika Anda berencana untuk menggunakan video inline dalam aplikasi web, Anda perlu menyadari bahwa banyak orang menemukan video inline menjengkelkan.

Juga mencatat bahwa pengguna mungkin telah ditutup opsi peramban inline video Anda.

Saran terbaik kami adalah untuk hanya ketika pengguna ingin melihat video tempat inline mengandung mereka. Sebuah contoh positif adalah bahwa ketika pengguna perlu untuk melihat video dan klik pada link akan membuka halaman dan memutar video.

HTML tag multimedia

Baru: HTML5 tag baru.