Comment utiliser H5 pour faire fonctionner l'audio et la vidéo

Beaucoup d'amis savent que vous pouvez utiliser audio et vidéo en HTML5. Aujourd'hui, je vais vous apprendre à utiliser H5 pour utiliser l'audio et la vidéo. Ce qui suit est un petit cas, jetons-y un coup d'oeil

Audio/Vidéo

audio Audio

Src= L'attribut

controls "Chemin du fichier" spécifie que le navigateur doit fournir des commandes de lecture pour l'audio

Formats de fichiers audio pris en charge :

Ogg mp3 wav

Autres attributs :

lecture automatique

Si cet attribut est présent, l'audio sera joué dès qu'il sera prêt.

boucle

Lecture en boucle

Si cet attribut est présent, la lecture redémarrera à chaque fin de l'audio.

Ressources

Vidéo :

<video src="movie.ogg" controls="controls">
</video>
autoplay

Si cet attribut est présent, l'audio sera joué dès qu'il sera prêt .

boucle

Lecture en boucle

Si cet attribut est présent, la lecture redémarrera à chaque fin de l'audio. <;auto autoplay>

Js contrôle l'état de lecture audio/vidéo :

actuel

Heure Obtenez ou définissez l'heure actuelle de la vidéo

durée Renvoie la vidéo en cours ou la durée totale des secondes audio

terminées Si l'audio vidéo se termine

objet d'erreur : renvoie l'objet mediaerror, utilisez l'attribut code pour identifier le message d'erreur

video .error.code

1. L'utilisateur a mis fin à media_drr_aborted

2. Erreur réseau media_drr_network 3. Erreur de décodage media_drrdecode

4. URL invalide media_drr_src_not_supported

Muted S'il faut couper le son Mute true Réactiver false

Play() Play

Pause() Pause

Je crois l'avoir vu. Vous maîtrisez les méthodes dans ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture connexe :

Comment implémenter des cookies HTTP à l'aide de Js

Quelle est la syntaxe commune d'AJAX

Comment utiliser CSS parent enfant

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!