Vidéo HTML5 (vidéo)

De nombreux sites utilisent des vidéos. HTML5 fournit un standard pour l'affichage des vidéos.

Vidéos sur les sites Web

Jusqu'à présent, il n'existait aucune norme pour l'affichage de vidéos sur les pages Web.

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.

Prise en charge du navigateur

Internet Explorer 9+, Firefox, Opera, Chrome et Safari prennent en charge l'élément

Remarque : Internet Explorer 8 ou les versions antérieures d'IE Le < ;video> n’est pas pris en charge.

HTML5 (Vidéo) - Comment ça marche

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

    php中文网(php.cn)

Exécutez et essayez-le

L'élément

En même temps, l'élément

est fourni pour être affiché par les navigateurs qui ne prennent pas en charge l'élément vidéo.

L'élément

Formats vidéo pris en charge par le navigateur

Actuellement, le

MP4 = fichier MPEG 4 avec encodage vidéo H.264 et encodage audio AAC
WebM = fichier WebM avec encodage vidéo VP8 et encodage audio Vorbis
Ogg = fichier Ogg avec encodage vidéo Theora et encodage audio Vorbis

浏览器	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	NO	NO

Opera

YES (从 Opera 25 起)

YES

视频格式

< td width="193" valign="top" style="border-width : 1px; border-style : solid; word-break : break-all;">

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

格式<><><> Type MIME<><>MP4video/mp4WebMvideo/webmOggvideo/ogg

Les éléments HTML5

Les éléments HTML5

Les méthodes incluent la lecture, la pause et le chargement. Les propriétés (telles que la durée, le volume, etc.) peuvent être lues ou définies. Les événements DOM peuvent vous avertir que, par exemple, la lecture de l'élément

La méthode simple de l'exemple nous montre comment utiliser l'élément