Html5 balise vidéo analyse vidéo

La vidéo de la balise vidéo HTML5 est une nouvelle balise vidéo d'élément, qui est une nouvelle balise qui n'est pas apparue dans HTML4. Étant donné que les pages Web n'ont pas de normes pour afficher des vidéos, le navigateur doit charger des plug-ins pour lire des vidéos. Trop de plug-ins ou de problèmes avec le plug-in eux-mêmes peuvent facilement provoquer des tracts et des gênants du navigateur. Par conséquent, la vidéo de la balise vidéo HTML5 modifiera la situation où le navigateur doit charger des plugins, améliorer davantage l'expérience Web de l'utilisateur et réduire la fausse mort du navigateur. La balise vidéo permet aux utilisateurs de regarder des vidéos dans une situation détendue et agréable.

La balise HTML5 <DICIODS prend en charge 3 formats vidéo couramment utilisés:

1. Fichier ogg = ogg avec codage vidéo Theora et codage audio Vorbis;

2. MPEG4 = fichier MPEG 4 avec H.264 Encoding vidéo et codage audio AAC;

3. Fichier Webm = Webm avec codage vidéo VP8 et codage audio Vorbis.

De nos jours, les navigateurs grand public ont un support différent pour les formats vidéo. Je crois que le jour où HTML5 est officiellement publié prendra en charge davantage de formats vidéo, apportant de nombreux avantages aux développeurs et aux utilisateurs.

Parlons de l'utilisation des vidéos de balises vidéo HTML5. Si vous devez afficher des vidéos dans le navigateur, tout ce dont vous avez besoin est de copier le code suivant:

<video src = film.ogg width = 320 height = 240 contrôles = contrôles>

Votre navigateur ne prend pas en charge la balise vidéo.

</ vidéo>

Propriétés de contrôle pour l'ajout de commandes de jeu, de pause et de volume. C'est également une bonne idée d'inclure la largeur de largeur et les propriétés de hauteur. Le contenu inséré entre <video> et </ video> est affiché par des navigateurs qui ne prennent pas en charge les éléments vidéo.

Le code ci-dessus utilise un fichier ogg qui fonctionne pour Firefox, Opera et Google Chrome. Pour s'assurer qu'il convient au navigateur Safari, le fichier vidéo doit être au format MPEG4. IE8 ne prend pas en charge les balises HTML5 <video>, et IE9 prend en charge cette balise, mais doit également utiliser le format MPEG4.

L'élément vidéo permet plusieurs éléments source. L'élément source peut lier les fichiers vidéo dans différents formats. Le navigateur détecte et utilise le premier format reconnaissable, le code est le suivant:

<largeur vidéo = 320 hauteur = 240 commandes = contrôles>

<source src = film.ogg type = vidéo / ogg>

<source src = film.mp4 type = vidéo / mp4>

Votre navigateur ne prend pas en charge la balise vidéo.

</ vidéo>

Voici les propriétés communes de la balise <video>:

propriété	valeur	décrire
en place automatique	en place automatique	Si cette propriété apparaît, la vidéo se jouera immédiatement après qu'elle soit prête.
Commandes	Commandes	Si cette propriété apparaît, un contrôle est affiché à l'utilisateur, comme un bouton de lecture.
hauteur	pixels	Réglez la hauteur du lecteur vidéo.
boucle	boucle	Si cette propriété apparaît, la lecture recommence lorsque le fichier multimédia a terminé la lecture.
précharge	précharge	Si cette propriété apparaît, la vidéo est chargée lorsque la page est chargée et prête à être lue. Si la lecture automatique est utilisée, cette propriété est ignorée.
SRC	URL	URL de la vidéo à jouer.
largeur	pixels	Définit la largeur du lecteur vidéo.

L'émergence de la vidéo de la balise vidéo HTML5 a considérablement amélioré l'expérience de l'utilisateur du Web et rendra plus pratique pour les utilisateurs à parcourir et à utiliser.