国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Jadual Kandungan
Tingkah laku kawalan: Main balik automatik, gelung, bisu
Gaya dan interaksi tersuai
Rumah hujung hadapan web html tutorial Menggunakan HTML `` dan `` elemen untuk media.

Menggunakan HTML `` dan `` elemen untuk media.

Jul 02, 2025 pm 03:10 PM
java pengaturcaraan

Unsur -unsur dan dalam HTML5 boleh tertanam dalam fail media melalui atribut SRC dan menggunakan kawalan untuk memaparkan kawalan; menyokong penolakan multi-format, seperti tag yang menyatakan format yang berbeza; Anda boleh menetapkan autoplay, gelung, disenyapkan dan atribut lain untuk mengawal tingkah laku main balik; Penyemak imbas boleh menyekat main balik automatik, dan disyorkan untuk menggunakannya dengan disenyapkan; Dengan menyembunyikan kawalan lalai dan menggabungkan JavaScript, anda dapat merealisasikan UI dan interaksi tersuai, seperti menambahkan butang main secara manual dan mendengar peristiwa akhir video.

Menggunakan HTML `<migode>` dan `<igcaption>` elemen untuk media.

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.

Menggunakan HTML `<migode>` dan `<igcaption>` elemen untuk media. `dan`
`Elemen untuk media." />

Penggunaan Asas: Cara Menggunakan <audio></audio> dan <video></video>

Untuk memasukkan fail audio atau video, cara paling mudah untuk menulisnya adalah seperti ini:

Menggunakan HTML `<migode>` dan `<igcaption>` elemen untuk media. `dan`
`Elemen untuk media." />
 <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.

Menggunakan HTML `<migode>` dan `<igcaption>` elemen untuk media. `dan`
`Elemen untuk media." />

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 (&#39;myVideo&#39;). main ()"> main </butang>
<butang onclick = "document.getElementById (&#39;myVideo&#39;). Jeda ()"> jeda </butang>

Anda boleh mendengar peristiwa melalui JavaScript, seperti:

 const video = document.getElementById (&#39;myVideo&#39;);
video.addeventListener (&#39;berakhir&#39;, fungsi () {
  Alert (&#39;Video Ended&#39;);
});

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!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

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

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial PHP
1502
276
Bagaimana menangani transaksi di Java dengan JDBC? Bagaimana menangani transaksi di Java dengan JDBC? Aug 02, 2025 pm 12:29 PM

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.

Python untuk Etl Kejuruteraan Data ETL Python untuk Etl Kejuruteraan Data ETL Aug 02, 2025 am 08:48 AM

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.

Bagaimana untuk bekerja dengan kalendar di Jawa? Bagaimana untuk bekerja dengan kalendar di Jawa? Aug 02, 2025 am 02:38 AM

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

Membandingkan kerangka Java: Spring Boot vs Quarkus vs Micronaut Membandingkan kerangka Java: Spring Boot vs Quarkus vs Micronaut Aug 04, 2025 pm 12:48 PM

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

Bagaimana pengumpulan sampah berfungsi di java? Bagaimana pengumpulan sampah berfungsi di java? Aug 02, 2025 pm 01:55 PM

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

Membandingkan Java Build Tools: Maven vs Gradle Membandingkan Java Build Tools: Maven vs Gradle Aug 03, 2025 pm 01:36 PM

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

Pergi dengan contoh penangguhan yang dijelaskan Pergi dengan contoh penangguhan yang dijelaskan Aug 02, 2025 am 06:26 AM

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.

Menggunakan jenis html `input` untuk data pengguna Menggunakan jenis html `input` untuk data pengguna Aug 03, 2025 am 11:07 AM

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.

See all articles