Nota belajar (pemain) tag video HTML5 (1): Bermula_html5 kemahiran tutorial

Baru-baru ini saya sedang mengkaji penggunaan teg video (pemain) dalam HTML5. Berikut adalah beberapa nota kajian untuk memudahkan semakan dan rakaman anda sendiri dan akan memperkenalkan perkara yang perlu dilakukan apabila menggunakan tag ini memulakannya.

Sebenarnya terdapat banyak tutorial dalam talian yang di w3cschool adalah yang paling mudah dan terperinci, jadi beberapa ini memperkenalkan beberapa aplikasi langsung.

Direktori artikel ini:

1. Gunakan tag
2. Tambahkan beberapa parameter yang diperlukan
3 Secara automatik mainkan atau muatkan secara automatik
4

Langkah pertama: Gunakan tag

Kaedah untuk digunakan sangat mudah, hanya satu baris kod:

Salin kod Kod itu seperti berikut:

Langkah 2: Tambahkan beberapa parameter yang diperlukan, seperti laluan untuk memainkan video dan sama ada untuk memaparkan bar kawalan

Untuk memainkan video, anda mesti mempunyai alamat video, yang bermaksud menetapkan atribut src dalam teg. Jika anda tidak boleh membuat bar kawalan tersuai anda sendiri pada mulanya, maka hanya gunakan yang lalai penyemak imbas dan tambah kawalan, jadi ia menjadi seperti ini:

Salin kodKod adalah seperti berikut:

Langkah 3: Biarkan video dimainkan atau dimuatkan secara automatik

Satu perkara yang sering anda perlu lakukan apabila menggunakan pemain ialah mula memainkan video sebaik sahaja halaman dimuatkan Kemudian anda perlu menetapkan video untuk dimainkan secara automatik, iaitu, tetapkan atribut automain.

Salin kodKod adalah seperti berikut:

Kadangkala main balik automatik tidak diperlukan untuk sesetengah tabiat pengguna, tetapi untuk membolehkan pengguna melihat video dengan cepat, video perlu dimuatkan secara automatik, maka atribut pramuat perlu ditetapkan selesai. bukannya memuatkan video ini, hanya bahagian pertama yang akan dimuatkan.

Salin kodKod adalah seperti berikut:

Langkah 4: Jadikan pemain lebih standard

Apakah yang dimaksudkan untuk menjadikan pemain lebih standard? Iaitu, terdapat bar kawalan (sudah diperkenalkan sebelum ini), skrin yang anda lihat sebelum memulakan main semula, dan saiz pemain ditentukan.

Jika pemain memuatkan video, anda boleh melihat skrin permulaan pada mulanya, tetapi selalunya terdapat keperluan untuk menetapkan gambar untuk dilihat oleh video pada permulaan video (kadangkala untuk menarik penonton, gambar Gambar yang tidak ada kaitan dengan video, anda tahu), atau kerana masalah rangkaian, jangan paparkan skrin hitam kepada penonton sebelum video dimuatkan Pada masa ini, anda juga perlu membuat tetapan seperti itu. iaitu, tetapkan atribut poster Tersedia:

Salin kodKodnya adalah seperti berikut:

Secara umumnya, semasa proses permohonan, pemain mempunyai saiz yang ditentukan, jadi untuk tetapkan panjang dan lebar pemain, anda boleh menggunakan helaian gaya Ia boleh ditetapkan di dalam atau melalui ketinggian lebar atribut. Perlu diingatkan bahawa lebar dan ketinggian pemain perlu ditetapkan mengikut perkadaran video Jika tidak, video akan kosong pada penghujungnya Jika lebar dan ketinggian pemain melebihi piksel video. kesan regangan yang kabur akan dilihat, jadi apabila menetapkan lebar Anda mesti memberi perhatian apabila ia tinggi, tetapi anda boleh menetapkan hanya lebar atau ketinggian untuk diperhatikan, dan kemudian mendapatkan piksel yang tepat, seperti

Salin kodKod adalah seperti berikut:

Artikel sebelumnya：HTML5 Lukisan kanvas garis putus-putus example_html5 kemahiran tutorialArtikel seterusnya：HTML5 Lukisan kanvas garis putus-putus example_html5 kemahiran tutorial

Artikel berkaitan

Lihat lagi

• AlloyTouch全屏滚动插件 30秒搞定顺滑H5页
• HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
• HTML5 canvas 9绘制图片实例详解
• 正则表达式与HTML5新元素
• NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法