HTML 参考手册

HTML 标签大全

HTML: <video> poster 属性

<video> poster 属性的使用方法，poster 属性指定在下载视频时或直到用户单击播放按钮之前要显示的图像。如果未包括在内，则将使用视频的第一帧。

在线示例

具有海报图像的视频播放器：

示例

!DOCTYPE html
<html>
<head>　
<meta charset="utf-8">　
<title>基础教程网(oldtoolbag.com)</title>　
</head>
<body>
<video controls poster="/run/html/views.png">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Votre navigateur ne prend pas en charge la balise video.
</video>
</body>
</html>

Voyons si ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut poster.

Remarque : Internet Explorer 8 et les versions IE plus anciennes ne prennent pas en charge la balise <video>.

Définition et utilisation

L'attribut poster spécifie l'image à afficher pendant le téléchargement du vidéo ou jusqu'à ce que l'utilisateur clique sur le bouton de lecture. Si il n'est pas inclus, l'image de la première frame du vidéo sera utilisée.

HTML 4.01 et HTML5différences entre

La balise <video> est une balise HTML5Nouvelle balise.

Syntaxe

<video poster="URL">

Valeur de l'attribut

Valeur	Description
URL	URL de l'image du fichier. Valeurs possibles : URL absolue - URL vers un autre site (par exemple : href="http:\/\/)//www.example.com/poster.jpg") URL relative - URL vers le même site (par exemple : href="poster.jpg")

　HTML <video> balise

HTML: <template> balise