HTML5 Video (Vidéo)

De nombreux sites utilisent à la vidéo. HTML5 offre un affichage vidéo standard.

Détecter votre navigateur prend en charge la vidéo HTML5:

Vidéo Site Web

Jusqu'à présent, n'existe pas encore une norme visant à affichage vidéo sur la page.

Aujourd'hui, la plupart des vidéos à travers les plug-ins (comme Flash) à afficher. Cependant, tous les navigateurs ont les mêmes plugins.

HTML5 spécifie une méthode standard pour inclure la vidéo à travers les éléments vidéo.

support du navigateur

Internet Explorer 9+, Firefox, Opera, Chrome, Safari et le soutien <vidéo> élément.

Remarque: Internet Explorer 8 ou les versions antérieures de IE ne supportent pas l'élément <video>.

HTML5 (vidéo) - Comment ça marche?

Pour afficher la vidéo en HTML5, tout ce que vous avez besoin est:

Exemples

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

Essayez »

<Vidéo> élément fournit la lecture, pause et le volume de contrôle pour contrôler la vidéo.

Dans le même temps élément <video> de l'élément fournit également les attributs height et width contrôler les dimensions de la vidéo. Si vous réglez la hauteur et la largeur de l'espace vidéo requis seront conservés lorsque la page se charge. . Si vous ne définissez pas ces propriétés, le navigateur ne connaît pas la taille de la vidéo, le navigateur que vous ne pouvez pas réserver un espace spécifique lorsqu'il est chargé, la page sera basée sur le changement d'origine de taille de la vidéo.

<Vidéo> entre </ video> et contenu inséré ne sont pas disponibles pour soutenir les éléments vidéo affichées dans le navigateur.

<Vidéo> élément prend en charge plusieurs élément <source>. <Source> éléments peuvent créer un lien vers des fichiers vidéo différents. Le navigateur utilise le premier format reconnu:

Formats vidéo et le support du navigateur

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

Navigateur	MP4	WebM	Ogg
Internet Explorer	OUI	NO	NO
chrome	OUI	OUI	OUI
Firefox	OUI	OUI	OUI
safari	OUI	NO	NO
opéra	OUI (à partir de Opera 25 et suivantes)	OUI	OUI

MP4 = MPEG 4 fichiers avec H.264 encodage vidéo et audio AAC
fichiers WebM = WebM avec VP8 vidéo et Vorbis encodés codage audio
fichiers Ogg = Ogg Theora avec vidéo codé et audio Vorbis encodé

Format vidéo

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

HTML5 <video> - pour contrôler l'utilisation des DOM

HTML5 <video> et <audio> élément a également des méthodes, des propriétés et des événements.

Méthodes <video> et <audio> éléments, les propriétés et les événements peuvent être contrôlés à l'aide de JavaScript.

Quelles sont les méthodes utilisées pour jouer, faire une pause, et la charge et ainsi de suite. Dans lequel les propriétés (telles que la durée, le volume, etc.) peuvent être lus ou réglés. En quoi l'événement DOM peut vous informer que, par exemple, élément <video> commencez à jouer, pause, arrêt, et ainsi de suite.

Des exemples de méthode simple, nous montrent comment utiliser l'élément <video>, lire et définir les propriétés, et comment appeler des méthodes.