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:

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Tunjukkan Lagi

Artikel Panas

Assassin's Creed Shadows: Penyelesaian Riddle Seashell

3 minggu yang lalu By DDD

Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini

2 minggu yang lalu By DDD

Di mana untuk mencari kad kunci kawalan kren di atomfall

3 minggu yang lalu By DDD

Assassin's Creed Shadows - Cara Mencari Orang Panda

1 bulan yang lalu By DDD

<🎜>: Rails Dead - Cara Melengkapkan Setiap Cabaran

3 minggu yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7628

15

Tutorial CakePHP

1389

52

Apakah format nama akaun stim

89

11

kunci pengaktifan win11 kekal

70

19

Sambungan NYT menunjukkan dan jawapan

31

141

Tunjukkan Lagi

Related knowledge

Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles