Menggunakan HTML `` dan `` elemen untuk media.
Jul 02, 2025 pm 03:10 PMUnsur -unsur
Dalam Pembangunan Web, <audio></audio>
dan <video></video>
adalah dua elemen HTML yang sangat praktikal yang membolehkan kami dengan mudah membenamkan kandungan audio dan video dalam halaman tanpa bergantung pada plugin pihak ketiga. Kedua -dua tag ini menyokong pelbagai format dan menyediakan pilihan kawalan yang kaya.

Penggunaan Asas: Cara Menggunakan <audio></audio>
dan <video></video>
Untuk memasukkan fail audio atau video, cara paling mudah untuk menulisnya adalah seperti ini:

<audio src = "muzik.mp3" kawalan> </audio> <Video src = "Movie.mp4" Controls> </video>
- Atribut
src
menentukan laluan ke fail media; -
controls
bermakna penyemak imbas dilengkapi dengan jalur kawalan (bermain, jeda, kelantangan, dll) akan dipaparkan.
Jika anda ingin bersesuaian dengan pelbagai format (seperti beberapa pelayar tidak menyokong .webm
), anda boleh menulis ini:
<kawalan video> <source src = "movie.mp4" type = "video/mp4"> <Source src = "Movie.webm" type = "Video/Webm"> Penyemak imbas anda tidak menyokong tag video. </video>
Penyemak imbas akan cuba memuatkan format pertama yang disokongnya pada gilirannya.

Tingkah laku kawalan: Main balik automatik, gelung, bisu
Sebagai tambahan kepada fungsi main balik asas, anda juga boleh mengubah tingkah laku media dengan menambahkan sifat:
-
autoplay
: Mulailah main balik secara automatik; -
loop
: Mulakan semula selepas main balik berakhir; -
muted
: Default diredam; -
preload
: Kawalan sama ada data media dimuatkan (nilai pilihan:auto
,metadata
,none
);
Sebagai contoh, biarkan muzik latar belakang dimainkan secara automatik dan gelung:
<audio src = "latar belakang-asik.mp3" gelung autoplay diredam> </audio>
Harus diingat bahawa untuk pengalaman pengguna, banyak pelayar mengehadkan fungsi main balik secara automatik, terutamanya kandungan bukan silen. Oleh itu, adalah disyorkan untuk menggunakannya dengan muted
, atau biarkan pengguna memicu main balik secara manual.
Gaya dan interaksi tersuai
Walaupun penyemak imbas dilengkapi dengan jalur kawalan, kadang -kadang kita ingin mempunyai rupa atau operasi yang lebih diperibadikan. Pada masa ini, anda boleh menyembunyikan kawalan lalai dan melaksanakan butang main, bar kemajuan dan fungsi lain sendiri:
<video id = "myVideo" src = "movie.mp4"> </video> <butang onclick = "document.getElementById ('myVideo'). main ()"> main </butang> <butang onclick = "document.getElementById ('myVideo'). Jeda ()"> jeda </butang>
Anda boleh mendengar peristiwa melalui JavaScript, seperti:
const video = document.getElementById ('myVideo'); video.addeventListener ('berakhir', fungsi () { Alert ('Video Ended'); });
Pendekatan ini sesuai untuk senario yang memerlukan pengalaman main balik yang sangat disesuaikan, seperti membuat antara muka UI anda sendiri atau pemain kursus interaktif.
Pada dasarnya itu sahaja. Dengan menguasai struktur asas, sifat kawalan dan kaedah tersuai <audio></audio>
dan <video></video>
, anda boleh memenuhi kebanyakan keperluan media web.
Atas ialah kandungan terperinci Menggunakan HTML `` dan `` elemen untuk media.. 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)

Untuk mengendalikan transaksi JDBC dengan betul, anda mesti terlebih dahulu mematikan mod komit automatik, kemudian melakukan pelbagai operasi, dan akhirnya melakukan atau mengembalikan semula hasilnya; 1. Panggil Conn.SetAutOcommit (palsu) untuk memulakan transaksi; 2. Melaksanakan pelbagai operasi SQL, seperti memasukkan dan mengemaskini; 3. Panggil Conn.Commit () jika semua operasi berjaya, dan hubungi conn.rollback () jika pengecualian berlaku untuk memastikan konsistensi data; Pada masa yang sama, cuba-dengan-sumber harus digunakan untuk menguruskan sumber, mengendalikan pengecualian dengan betul dan menutup sambungan untuk mengelakkan kebocoran sambungan; Di samping itu, adalah disyorkan untuk menggunakan kolam sambungan dan menetapkan mata simpan untuk mencapai rollback separa, dan menyimpan urus niaga sesingkat mungkin untuk meningkatkan prestasi.

Gunakan kelas dalam pakej Java.Time untuk menggantikan kelas lama dan kelas kalendar; 2. Dapatkan tarikh dan masa semasa melalui LocalDate, LocalDateTime dan Tempatan Tempatan; 3. Buat tarikh dan masa tertentu menggunakan kaedah (); 4. Gunakan kaedah tambah/tolak untuk meningkatkan dan mengurangkan masa; 5. Gunakan zoneddatetime dan zonid untuk memproses zon waktu; 6. Format dan parse date string melalui DateTimeFormatter; 7. Gunakan segera untuk bersesuaian dengan jenis tarikh lama apabila perlu; pemprosesan tarikh di java moden harus memberi keutamaan untuk menggunakan java.timeapi, yang memberikan jelas, tidak berubah dan linear

Python adalah alat yang cekap untuk melaksanakan proses ETL. 1. Pengekstrakan data: Data boleh diekstrak dari pangkalan data, API, fail dan sumber lain melalui panda, sqlalchemy, permintaan dan perpustakaan lain; 2. Penukaran Data: Gunakan panda untuk pembersihan, penukaran jenis, persatuan, pengagregatan dan operasi lain untuk memastikan kualiti data dan mengoptimumkan prestasi; 3. Pemuatan Data: Gunakan kaedah Pandas 'TO_SQL atau platform awan SDK untuk menulis data ke sistem sasaran, perhatikan kaedah menulis dan pemprosesan batch; 4. Cadangan Alat: Airflow, Dagster, Prefect digunakan untuk penjadualan dan pengurusan proses, menggabungkan penggera log dan persekitaran maya untuk meningkatkan kestabilan dan mengekalkan.

Pra-formancetartuptimemoryusage, quarkusandmicronautleadduetocompile-timeprocessingandgraalvsupport, withquarkusoftenperforminglightbetterine serverless scenarios.tyvelopecosyste,

Koleksi Sampah Java (GC) adalah mekanisme yang secara automatik menguruskan ingatan, yang mengurangkan risiko kebocoran ingatan dengan menuntut semula objek yang tidak dapat dicapai. 1.GC menghakimi kebolehcapaian objek dari objek akar (seperti pembolehubah stack, benang aktif, medan statik, dan lain -lain), dan objek yang tidak dapat dicapai ditandakan sebagai sampah. 2. Berdasarkan algoritma penandaan tanda, tandakan semua objek yang dapat dicapai dan objek yang tidak ditandai. 3. Mengamalkan strategi pengumpulan generasi: Generasi Baru (Eden, S0, S1) sering melaksanakan MinorGC; Orang tua melakukan kurang tetapi mengambil masa lebih lama untuk melakukan MajorGC; Metaspace Stores Metadata kelas. 4. JVM menyediakan pelbagai peranti GC: SerialGC sesuai untuk aplikasi kecil; ParallelGC meningkatkan throughput; CMS mengurangkan

Memilih jenis htmlinput yang betul dapat meningkatkan ketepatan data, meningkatkan pengalaman pengguna, dan meningkatkan kebolehgunaan. 1. Pilih jenis input yang sepadan mengikut jenis data, seperti teks, e -mel, tel, nombor dan tarikh, yang secara automatik boleh menyemak dan menyesuaikan diri dengan papan kekunci; 2. Gunakan HTML5 untuk menambah jenis baru seperti URL, Warna, Julat dan Carian, yang dapat memberikan kaedah interaksi yang lebih intuitif; 3. Gunakan pemegang tempat dan sifat -sifat yang diperlukan untuk meningkatkan kecekapan dan ketepatan pengisian bentuk, tetapi harus diperhatikan bahawa pemegang tempat tidak dapat menggantikan label.

GradleisthebetterChoiceFormostNewProjectSduetoitSsuperiorflexibility, Prestasi, danModernToolingSupport.1.Gradle'sGroovy/KOT lindslismoreconciseandexpressivethanmaven'sverbosexml.2.GradleOutPerformsMaveninBuildSpeedWithIncrementalcompilation, BuildCac

Defer digunakan untuk melaksanakan operasi tertentu sebelum fungsi pulangan, seperti sumber pembersihan; Parameter dinilai dengan serta-merta apabila menangguhkan, dan fungsi-fungsi dilaksanakan mengikut urutan terakhir (LIFO); 1. Pelbagai penahanan dilaksanakan dalam urutan terbalik pengisytiharan; 2. Biasanya digunakan untuk pembersihan yang selamat seperti penutupan fail; 3. Nilai pulangan yang dinamakan boleh diubah suai; 4. Ia akan dilaksanakan walaupun panik berlaku, sesuai untuk pemulihan; 5. Elakkan penyalahgunaan menangguhkan gelung untuk mengelakkan kebocoran sumber; Penggunaan yang betul boleh meningkatkan keselamatan kod dan kebolehbacaan.
