Was soll ich tun, wenn HTML5-Musik nicht geladen werden kann?

Lösung für HTML5-Musik, die nicht geladen werden kann: 1. Öffnen Sie die entsprechende HTML-Datei. 2. Überprüfen Sie den HTML5-Audio-Tag-Code. 3. Über einen JS-Code „function toggleSound() {var music=document.getElementById(“ vd") ;console.log(music);console.log(music.paused);if () {...}" um das Wiedergabeproblem zu lösen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Was soll ich tun, wenn HTML5-Musik nicht geladen werden kann?

Lösen Sie das Problem, dass das HTML5-Audio-Tag nicht abgespielt werden kann.

Lassen Sie uns zunächst über einige Attribute des Audio-Tags sprechen bereit.

controls-Steuerelemente Wenn dieses Attribut angezeigt wird, werden dem Benutzer Steuerelemente angezeigt, z. B. eine Wiedergabeschaltfläche.

loop Schleife Wenn dieses Attribut vorhanden ist, wird die Wiedergabe jedes Mal neu gestartet, wenn das Audio endet.

muted muted gibt an, dass die Videoausgabe stummgeschaltet werden soll.

preload preload Wenn dieses Attribut erscheint, wird das Audio beim Laden der Seite geladen und für die Wiedergabe vorbereitet. Bei Verwendung von „Autoplay“ wird dieses Attribut ignoriert.

src-URL Die URL des abzuspielenden Audios.

Manchmal stellen wir nach dem Hinzufügen des Autoplay-Attributs fest, dass es immer noch nicht automatisch abgespielt werden kann. Wir können einen JS-Code hinzufügen, um das Problem zu lösen:

function toggleSound() {
            var music = document.getElementById("vd");//获取ID  
                console.log(music);
                console.log(music.paused);
            if (music.paused) { //判读是否播放  
                music.paused=false;
                music.play(); //没有就播放 
            }         
        }
setInterval("toggleSound()",1);

Empfohlenes Lernen: „

HTML5-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn HTML5-Musik nicht geladen werden kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!