<vidéo>


HTML <video> Balise

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

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

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Prise en charge du navigateur

1000.png

IE 9+, Firefox, Opera, Chrome et Safari prennent en charge la balise <video>

Remarque : IE 8 ou version antérieure ne prend pas en charge la balise <video>

Définition des balises et instructions d'utilisation

La balise <video> définit une vidéo, telle que des clips vidéo ou d'autres flux vidéo.

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

< td>OUI
Navigateur MP4 WebMOgg
Internet ExplorerOUINONNON
ChromeOUIOUI
FirefoxOUI
浏览器MP4WebMOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxYES
从 Firefox 21 版本开始
Linux 系统从 Firefox 30 开始		YESYES
SafariYESNONO
OperaYES
从 Opera 25 版本开始		YESYES
À partir de la version Firefox 21
    Système Linux à partir de Firefox 30 Démarrer
OUIOUI
SafariOUINON< /td>NON
OperaOUI
  • À partir de la version Opera 25
    		• OUI OUI
  • MP4 = fichier MPEG 4 utilisant le codec vidéo H264 et le codec audio AAC
  • WebM = fichier WebM utilisé Codec vidéo VP8 et codec audio Vorbis
    • Ogg = Le fichier Ogg utilise le codec vidéo Theora et le codec audio Vorbis

    格式MIME-type
    MP4video/mp4
    WebMvideo/webm
    Oggvideo/ogg
    format de type audio MIME <🎜><🎜>

    Différences entre HTML 4.01 et HTML5 La balise

    <video>

    Conseils et notes

    Conseils : Vous pouvez placer du contenu textuel entre les éléments <vidéo> étiqueter.

    Attribut facultatif

    Nouveau : Nouvel attribut en HTML5.

    PropriétéValeurDescription
    lecture automatiqueNouveau
    属性值描述
    autoplayNewautoplay如果出现该属性，则视频在就绪后马上播放。
    controlsNewcontrols如果出现该属性，则向用户显示控件，比如播放按钮。
    heightNewpixels设置视频播放器的高度。
    loopNewloop如果出现该属性，则当媒介文件完成播放后再次开始播放。
    mutedNewmuted如果出现该属性，视频的音频输出为静音。
    posterNewURL规定视频正在下载时显示的图像，直到用户点击播放按钮。
    preloadNewauto
    metadata
    none    		如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
    srcNewURL要播放的视频的 URL。
    widthNewpixels设置视频播放器的宽度。
    		lecture automatiqueSi cet attribut apparaît, la vidéo sera lue dès qu'elle sera prête.
    contrôlesNouveaux

    		contrôlesSi cet attribut apparaît, l'utilisateur Afficher commandes, comme un bouton de lecture.
    hauteurNouveaux paramètrespixels La hauteur du lecteur vidéo.
    loopNouveau

    		loopSi cet attribut apparaît, il sera La lecture reprend une fois la lecture du fichier terminée.
    muetNouveau

    		muetSi cet attribut apparaît, l'audio de la vidéo La sortie est coupée.
    afficheNouveau
    		URLSpécifie l'image qui s'affiche pendant le téléchargement de la vidéo jusqu'à ce que l'utilisateur clique sur le bouton de lecture.
    préchargementNouveau

    		auto métadonnées

    none

    		Si cet attribut apparaît, la vidéo sera chargée au chargement de la page et sera prête à être lue. Si "lecture automatique" est utilisé, cet attribut est ignoré.
    srcNouvelle

    		URLVers L'URL de la vidéo en cours de lecture.
    largeurNouveaux paramètrespixels La largeur du lecteur vidéo.

    Attributs globaux

    La balise <video> prend en charge les attributs globaux HTML. La balise <🎜><🎜><🎜>Attributs d'événement<🎜><🎜><video> prend en charge les attributs d'événement HTML. <🎜><🎜><🎜><🎜><🎜>
    ←
    →