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標(biāo)簽。
</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標(biāo)簽。
</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