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:

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:

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.

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.

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:

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