Fonction de lecture automatique sur la musique de fond dans HTML5

Les attributs de lecture automatique de la musique, voici également: sont également introduits:

 <Udio Controls = Controls AutoPlay = AutoPlay> <Source Src = Song.ogg Type = Audio / Ogg /> <Source Src = Song.mp3 Type / MPEG /> Vos sourcils ER ne prend pas en charge l'élément audio. >

L'attribut AutoPlay stipule que une fois que l'audio sera joué immédiatement.

Si l'attribut est défini, l'audio sera automatiquement lu.

Cependant, dans une utilisation réelle, vous rencontrez souvent le phénomène qui ne peut pas être joué automatiquement, principalement parce que certains navigateurs ou téléphones mobiles empêcheront ou ne prendront pas en charge l'attribut de la lecture automatique.

Tout d'abord: le code en html est le suivant

 <USIO ID = Music1 Controls = Controls AutoPlay = AutoPlay Preload ID = Music1 Hidden> <Source Src = Music / Bgmusic.mp3 /> </ Audio> <! /> <! - Voici un commutateur qui peut contrôler la lecture de la musique de fond->

Utilisez le code suivant dans le fichier JS

 Var audio = document.getElementById ('music1'); $ (#btn) .bind (touchstart, fonction bf () {if (audio! == null) {// détection de jeu. ./alert (audio.paused); if (audio.paused) {Audio.play (); ));

Lorsque la plupart des machines Android ici peuvent essentiellement être jouées automatiquement, mais les téléphones mobiles Apple ne peuvent pas fonctionner pour le moment.

Ici, j'utilise un bouton pour ajouter un bouton à la page de chargement.

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

Lorsque je suis arrivé ici, la musique de fond est automatiquement jouée.

Ce qui précède est la fonction de lecture automatique de la musique de fond présentée par l'éditeur. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!