Utilisation des attributs dans les balises vidéo (vidéo) et audio (audio) de html5

Cet article vous présente l'utilisation des attributs dans les balises vidéo et audio de HTML5. Il a une certaine valeur de référence. J'espère que cela vous sera utile.

Comment activer les balises

Pour activer les balises vidéo et audio HTML5 dans tous les principaux navigateurs, ajoutez simplement la ligne de code suivante quelque part dans le

<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>

Comment intégrer une vidéo

Vous pouvez utiliser le code ci-dessous pour intégrer la vidéo dans votre page.

<video src="video.mp4" width="320" height="200" controls preload></video>

Comment intégrer l'audio

Vous peut utiliser le code suivant pour intégrer l'audio dans la page.

<audio src="audio.mp3" controls preload></audio>

Format vidéo :
Format de type MIME
Vidéo MP4/mp4
Vidéo WebM/webm
Vidéo Ogg/ogg

Nouveaux attributs en HTML5 :
Description de la valeur de l'attribut
autoplay autoplay Si cet attribut apparaît, la vidéo sera lue dès qu'elle sera prête.
contrôles contrôles Si cet attribut apparaît, des contrôles sont affichés à l'utilisateur, comme un bouton de lecture.
hauteur pixels définit la hauteur du lecteur vidéo.
boucle boucle Si cet attribut apparaît, la lecture recommencera une fois la lecture du fichier multimédia terminée.
muted muted précise que la sortie audio de la vidéo doit être coupée.
URL de l'affiche spécifie l'image affichée lorsque la vidéo est téléchargée, ou l'image affichée avant que l'utilisateur clique sur le bouton de lecture ( affiche = " affiche. jpg ”).
preload preload Si cet attribut apparaît, la vidéo sera chargée lorsque la page sera chargée et préparée pour la lecture (préchargement).
Si "autoplay" est utilisé, cet attribut est ignoré.
src url L'URL de la vidéo à lire.
width pixels définit la largeur du lecteur vidéo.

Méthode HTML Audio/Vidéo :
Description de la méthode
addTextTrack() Ajoute une nouvelle piste de texte à l'audio/vidéo.
canPlayType() détecte si le navigateur peut lire le type audio/vidéo spécifié.
load() recharge les éléments audio/vidéo.
play() commence la lecture audio/vidéo.
pause() Met en pause la lecture audio/vidéo en cours.

Vous pouvez utiliser addEventListener pour surveiller l'événement terminé de la vidéo, surveiller l'heure de fin, effectuer des opérations de fin et de saut, etc.

Articles connexes recommandés :

Attribut d'option HTML5 : Comment utiliser l'attribut d'option pour implémenter une liste déroulante en cascade

Un résumé des modifications apportées à la structure de la page HTML5 et l'ajout et la suppression balises

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!