Vidéo HTML5 (vidéo)

Vidéo HTML5

Vidéos sur les sites Web

Jusqu'à présent, il n'existe toujours pas de méthode pour afficher sur les pages Web les standards vidéo.

Aujourd'hui, la plupart des vidéos sont affichées via des plug-ins (tels que Flash). Cependant, tous les navigateurs ne disposent pas des mêmes plugins.

HTML5 spécifie une manière standard d'inclure une vidéo via l'élément vidéo.

HTML5 (Vidéo) - Comment ça marche

Pour afficher une vidéo en HTML5, il vous suffit de :

Exemple

<video width="320" height="240" controls>
  <source src="视频文件名称" type="视频格式">
  <source src="视频文件名称" type="视频格式">
您的浏览器不支持Video标签。
</video>

Attribut de lecture automatique

Instance

Un élément vidéo défini pour la lecture automatique :

<video controls="controls" autoplay="autoplay"> 
 <source src="视频文件名称" type="视频格式"> 
  <source src="视频文件名称" type="视频格式">
您的浏览器不支持Video标签。
</video>

contrôles : Si cet attribut apparaît, des contrôles sont affichés à l'utilisateur, comme un bouton de lecture. L'élément

<video> fournit des commandes de lecture, de pause et de volume pour contrôler la vidéo.

En même temps, l'élément <video> fournit également des attributs de largeur et de hauteur pour contrôler la taille de la vidéo. Si la hauteur et la largeur sont définies, l'espace vidéo requis sera réservé lorsque la page est affichée. chargé. . Si ces propriétés ne sont pas définies et que le navigateur ne connaît pas la taille de la vidéo, le navigateur ne pourra pas réserver un espace spécifique lors du chargement et la page changera en fonction de la taille de la vidéo originale. Le contenu inséré entre les balises

<video> et </video> est fourni pour être affiché par les navigateurs qui ne prennent pas en charge l'élément vidéo. L'élément

<video> prend en charge plusieurs éléments <source>

Format vidéo et prise en charge du navigateur

Actuellement, l'élément <video> prend en charge trois formats vidéo : MP4, WebM et Ogg :

Navigateur MP4 WebM Ogg

Internet Explorer OUI                                                                                                                                     🎜>Firefox                 OUI OUI                                                                                                                                                                                        🎜>Opera OUI (à partir d'Opera 25) OUI OUI

MP4 = MPEG 4 avec encodage vidéo H.264 et encodage audio AAC Fichier

WebM = Fichier WebM avec encodage vidéo VP8 et encodage audio Vorbis

Ogg = Fichier Ogg avec encodage vidéo Theora et encodage audio Vorbis