Automatische Wiedergabefunktion auf Hintergrundmusik in HTML5

Die automatischen Wiedergabeattribute von Musik, hier werden auch vorgestellt:

 <Udio Controls = Controls autoplay = autoplay> <source src = Song.ogg type = audio /ogg /> <source src = Song.mp3 type /mpeg /> Ihre Brows ER unterstützt das Audio -Element nicht >

Das Autoplay -Attribut sieht vor, dass sobald das Audio abgespielt wird.

Wenn das Attribut festgelegt ist, wird das Audio automatisch abgespielt.

In der tatsächlichen Verwendung stoßen Sie jedoch häufig auf das Phänomen, das nicht automatisch abgespielt werden kann, hauptsächlich, weil einige Browser oder Mobiltelefone das Attribut von Autoplay verhindern oder nicht unterstützen.

Zunächst einmal: Code in HTML ist wie folgt

 <USIO ID = Music1 Controls = Controls Autoplay = Autoplay vorloder ID = Music1 Hidden> <Source Src = Music/bgmusic.mp3/> </audio> <MG ID = BTN CLASS = Active Src = img /music.png Alt = /> <!-Hier ist ein Switch, der die Hintergrundmusik-Wiedergabe steuern kann->

Verwenden Sie den folgenden Code in der JS -Datei

 Var audio = document.getElementById ('music1'); . ) // Dies ist die Aufhängung von $ (#BTN) .Removeclass (aktiv)}}})

Wenn die meisten Android -Maschinen hier im Grunde genommen automatisch gespielt werden können, können Apple Mobiltelefone derzeit nicht funktionieren.

Hier verwendet ich eine Schaltfläche, um der Ladeseite eine Schaltfläche hinzuzufügen.

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

Wenn ich hier ankam, wird die Hintergrundmusik automatisch gespielt.

Das oben genannte ist die automatische Wiedergabefunktion der vom Herausgeber vorgelegten Hintergrundmusik. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!