3
Kemungkinan untuk media dalam HTML telah dimulakan dengan pengenalan video dan unsur audio di HTML5. Sekarang kita boleh membenamkan video dan audio di laman web tanpa memerlukan teknologi proprietari seperti Flash atau Silverlight. 
SitePoint baru sahaja melancarkan membina pemain media HTML anda sendiri, satu kursus yang membuat anda dapat mempercepatkan dengan elemen media HTML5 dan bagaimana untuk membawanya ke peringkat seterusnya dengan CSS dan JavaScript.
Memuatkan pemain ...
anda boleh memuat turun fail sumber untuk demo ini di GitHub.Jika anda mendapati ini berguna, lihat kursus penuh di SitePoint - yang membawa anda dari asas -asas sehingga membangunkan pemain media yang berfungsi sepenuhnya, bermain kedua -dua audio dan video.
Soalan Lazim (Soalan Lazim) Mengenai Membangun Pemain Media Dalam HTML
Apakah tag HTML asas yang diperlukan untuk mencipta pemain media? Tag ini digunakan untuk membenamkan kandungan video atau audio pada halaman web anda. Tag
digunakan dalam tag ini untuk menentukan fail sumber media. Atribut 'kawalan' boleh ditambah ke
atau tag untuk memberikan permainan, jeda, dan kawalan kelantangan. Responsif? Untuk menjadikan pemain media anda responsif, anda boleh menggunakan CSS. Dengan menetapkan lebar video kepada 100% dan ketinggian kepada auto, pemain video akan skala mengikut saiz bekasnya. Ini memastikan bahawa pemain media akan menyesuaikan diri dengan saiz dan orientasi skrin yang berbeza.
Bagaimana saya boleh menambah sari kata atau kapsyen kepada pemain media saya? tag. Tag ini digunakan dalam tag
dan memerlukan atribut 'jenis', 'src', dan 'srclang'. Atribut 'jenis' menentukan jenis trek teks, atribut 'SRC' menentukan fail sumber trek teks, dan atribut 'Srclang' menentukan bahasa trek teks.Bagaimana saya boleh menyesuaikan kawalan pemain media saya?
Menyesuaikan kawalan pemain media anda memerlukan JavaScript dan CSS. Anda boleh menyembunyikan kawalan lalai dengan mengeluarkan atribut 'kawalan' dari . Atribut 'poster' menentukan imej yang akan ditunjukkan semasa video dimuat turun, atau sehingga pengguna memukul butang main. >
anda boleh melengkapkan video atau audio dalam pemain media anda menggunakan atribut 'Loop' dalamatau tag. Atribut 'Loop' adalah atribut Boolean. Apabila hadir, ia menyatakan bahawa audio/video akan bermula sekali lagi, setiap kali ia selesai. Anda boleh membisukan audio dalam pemain media anda menggunakan atribut 'disenyapkan' dalam
atau tag. Atribut 'disenyapkan' adalah atribut Boolean. Apabila hadir, ia menyatakan bahawa output audio video harus disenyapkan. Video atau audio dalam pemain media anda menggunakan atribut 'Preload' dalam atau tag. Atribut 'preload' menentukan jika dan bagaimana penulis berfikir audio/video harus dimuatkan apabila halaman dimuat. Ia mempunyai tiga nilai: 'auto', 'metadata', dan 'tidak ada'. > Memainkan video atau audio di skrin penuh memerlukan API skrin penuh, yang merupakan API JavaScript. Anda boleh menggunakan kaedah 'RequestFullScreen' untuk membuat video atau elemen audio pergi penuh skrin. Kaedah ini mesti dijalankan sebagai hasil daripada tindakan pengguna, seperti acara klik.
Atas ialah kandungan terperinci Bina pemain media dengan HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
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)
Topik panas
Peranti anda memberi makan kepada pembantu AI dan menuai data peribadi walaupun mereka sedang tidur. Inilah cara mengetahui apa yang anda kongsi.
Jul 05, 2025 am 01:12 AM
Suka atau tidak, kecerdasan buatan telah menjadi sebahagian daripada kehidupan seharian. Banyak peranti-termasuk pisau cukur elektrik dan berus gigi-telah menjadi berkuasa AI, "menggunakan algoritma pembelajaran mesin untuk mengesan bagaimana seseorang menggunakan peranti, bagaimana devi
Taufan dan Badai Sandstorms boleh diramalkan 5,000 kali lebih cepat terima kasih kepada model Microsoft AI baru
Jul 05, 2025 am 12:44 AM
Model kecerdasan buatan baru (AI) telah menunjukkan keupayaan untuk meramalkan peristiwa cuaca utama dengan lebih cepat dan dengan ketepatan yang lebih besar daripada beberapa sistem ramalan global yang paling banyak digunakan. Model ini, bernama Aurora, telah dilatih U
Model AI Lanjutan menjana sehingga 50 kali lebih banyak CO ₂ pelepasan daripada LLM yang lebih biasa ketika menjawab soalan yang sama
Jul 06, 2025 am 12:37 AM
Semakin tepatnya kita cuba membuat fungsi model AI, semakin besar pelepasan karbon mereka menjadi - dengan petunjuk tertentu menjana sehingga 50 kali lebih banyak karbon dioksida daripada yang lain, menurut kajian baru -baru ini. Model -model yang berlaku seperti Claude Antropik
Mengancam chatbot AI dan ia akan berbohong, menipu dan 'membiarkan anda mati' dalam usaha untuk menghentikan anda, belajar memberi amaran
Jul 04, 2025 am 12:40 AM
Model kecerdasan buatan (AI) boleh mengancam dan memeras ugut manusia apabila terdapat konflik antara objektif model dan keputusan pengguna, menurut satu kajian baru. Diterbitkan pada 20 Jun, penyelidikan yang dijalankan oleh firma AI Anthropic memberikan lnya L
Ai 'Hallucinates' sentiasa, tetapi ada penyelesaian
Jul 07, 2025 am 01:26 AM
Kebimbangan utama dengan teknologi besar yang bereksperimen dengan kecerdasan buatan (AI) bukanlah ia mungkin menguasai kemanusiaan. Isu sebenar terletak pada ketidaktepatan model bahasa besar (LLMS) yang berterusan seperti chatgpt AI, Gemini Google, dan
Mengapa AI Halllucinating lebih kerap, dan bagaimana kita boleh menghentikannya?
Jul 08, 2025 am 01:44 AM
Kecerdasan buatan yang lebih maju (AI) menjadi, semakin cenderung "halusinasi" dan memberikan maklumat palsu atau tidak tepat. Menurut penyelidikan oleh Openai, model penalaran yang paling baru dan berkuasa-O3 dan O4-mini-Exhibited H
Model AI canggih dari Openai dan Deepseek menjalani 'keruntuhan lengkap' apabila masalah menjadi terlalu sukar, kajian mendedahkan
Jul 07, 2025 am 01:02 AM
Model penalaran kecerdasan buatan (AI) tidak begitu mampu seperti yang muncul. Pada hakikatnya, prestasi mereka rosak sepenuhnya apabila tugas menjadi terlalu rumit, menurut penyelidik di Apple. Model -model yang rumit seperti Claude Anthropic, terbuka
Penangkapan yang dibuat dalam Hunt untuk penggodam di belakang serangan siber di M & S dan Co-OP
Jul 11, 2025 pm 01:36 PM
Agensi Jenayah Kebangsaan UK (NCA) telah menahan empat individu yang disyaki terlibat dalam serangan siber yang menyasarkan Marks dan Spencer (M & S), Co-op, dan Harrods.
