Maison > interface Web > js tutoriel > Comment utiliser H5 pour faire fonctionner l'audio et la vidéo

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

php中世界最好的语言
Libérer: 2017-12-02 11:29:27
original
2498 Les gens l'ont consulté

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
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal