Utilisation des attributs dans les balises vidéo (vidéo) et audio (audio) de html5-Tutoriel H5-php.cn

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

不言

Libérer： 2018-08-09 14:50:52

original

4014 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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.