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

b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab

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.

e02da388656c3265154666b7c71a8ddc055a816595e1cf5e4b7c6fe05c404a6c 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. a72eeee9de30f35369403ae7c6b8f497

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!