Fungsi pemutaran otomatis pada musik latar di HTML5

Atribut pemutaran otomatis musik, di sini juga diperkenalkan:

 <Udio controls = controls autoplay = autoplay> <source src = song.ogg type = audio /ogg /> <source src = song.mp3 type /mpeg /> ER Anda tidak mendukung elemen audio >

Atribut Autoplay menetapkan bahwa setelah audio akan segera dimainkan.

Jika atribut diatur, audio akan dimainkan secara otomatis.

Namun, dalam penggunaan aktual, Anda sering menemukan fenomena yang tidak dapat dimainkan secara otomatis, terutama karena beberapa browser atau ponsel akan mencegah atau tidak mendukung atribut autoplay.

Pertama -tama: Kode dalam HTML adalah sebagai berikut

 <USIO ID = Music1 Controls = Controls Autoplay = Autoplay Preload ID = Music1 Hidden> <Source Src = Music/Bgmusic.mp3/> </ Audio> <! /> <!-Ini adalah saklar yang dapat mengontrol pemutaran musik latar->

Gunakan kode berikut dalam file JS

 Var audio = document.geteLementById ('music1'); $ (#btn) .bind (touchstart, function bf () {if (audio! == null) {// deteksi apakah akan bermain. Audio.paused Player kembali ke false ./alert (audio.paused); if (audio.paused) {audio.play (); ); // Ini adalah suspensi $ (#btn) .removeclass (aktif)}})

Ketika sebagian besar mesin Android di sini pada dasarnya dapat diputar secara otomatis, tetapi ponsel Apple tidak dapat berfungsi saat ini.

Di sini saya menggunakan tombol untuk menambahkan tombol ke halaman pemuatan.

 $ (html) .one ('touchstart', function () {audio.play ();})

Ketika saya tiba di sini, musik latar diputar secara otomatis.

Di atas adalah fungsi pemutaran otomatis dari musik latar yang diperkenalkan oleh editor kepada Anda. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!