Résumé des connaissances de base sur la vidéo HTML5

1. Attributs de base de la balise vidéo

1.autoplay="autoplay" : stipule que la lecture de la vidéo commencera dès qu'elle sera prête

2.control="controls " : Laisser le navigateur lire la vidéo. Le lecteur fournit des commandes par défaut telles que la pause et la barre de progression. Si cette option est définie, les contrôles auto-définis ne peuvent pas être utilisés.

3.width="320" height="240" : Définissez la largeur et la hauteur du lecteur vidéo. Définir ceci permettra à la page de réserver une partie de l'espace pour le lecteur vidéo. S'il n'est pas défini, il ne sera pas conservé au début, ce qui peut provoquer une mise en page confusion

. 4.loop="loop" : stipule que la vidéo se termine. La lecture reprendra ensuite

5.attribut preload : auto signifie charger la vidéo entière après le chargement de la page, ne charge que les métadonnées ; aucun : ne charge pas ; la vidéo

6.src : URL réglementaire pour lire la vidéo, formats vidéo supportés : MP4/WebM/Ogg

2. Vidéo communeAPI

1.currentTime : indique l'heure de lecture actuelle, qui peut être modifiée via des opérations js et reflétée dans la progression de la lecture

méthode 2.load() : charger la vidéo ; méthode play() : lire la vidéo ; méthode pause() : mettre la vidéo en pause

3.volume : indique la taille actuelle du son, qui peut être ajustée via js

4 .muted : true signifie muet, false signifie non muet

5.playbackRate : définissez la vitesse de lecture par défaut, ce qui signifie une lecture en 1 seconde

3. Utilisez js pour contrôler. l'instance vidéo

et obtenez le < correspondant via le sélecteur d'élément ;video> Element : var myVideo = document.getElementById("video")

myVideo.play() : laissez la vidéo commencer à jouer ; myVideo.pause() : laissez la vidéo arrêter de jouer

Vous pouvez définir la taille de la vidéo via myVideo.height et myVideo.width

4. La balise source

<video id=“video” width=“420”>
    <scource src=“a.mp4” type=“video/mp4”>
    <scource src=“a.ogg” type=“video/ogg”>
</video>

[Recommandations associées]

1. Le MIME d'IIS n'enregistre pas le type MP4, ce qui entraîne la solution au problème selon lequel la balise vidoe ne peut pas être reconnue

2. La solution à la balise vidéo H5 qui ne peut lire que le son mais pas la vidéo

3 Partagez-en une Le problème et la solution de la balise vidéo qui ne peut pas lire. pour lire mp4

4. Utilisation de l'élément vidéo pour créer un lecteur vidéo en HTML 5

5 Explication détaillée de l'application de test de balise vidéo HTML5.

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!