Manual de referencia HTML

Completo de etiquetas HTML

HTML: Atributo poster de <video>

<video> El uso del atributo poster, el atributo poster especifica la imagen que se mostrará mientras se descarga el video o hasta que el usuario haga clic en el botón de reproducción. Si no se incluye, se utilizará el primer cuadro del video.

　HTML <video> etiqueta

Ejemplo en línea

Reproductor de video con imagen de portada:

Ejemplo

!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">
　　Su navegador no admite la etiqueta de video.
</video>
</body>
</html>

Prueba y mira ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad poster.

Nota: Internet Explorer 8 y versiones de IE más antiguas no admiten la etiqueta <video>.

Definición y uso

La propiedad poster especifica la imagen que se debe mostrar mientras se descarga el video o hasta que el usuario haga clic en el botón de reproducción. Si no se incluye, se utilizará el primer cuadro del video.

HTML 4.01 y HTML5diferencias entre

<video> etiqueta es HTML5Nueva etiqueta.

Sintaxis

<video poster="URL">

Valor del atributo

Valor	Descripción
URL	URL del archivo de imagen especificado. Valores posibles: URL absoluta - URL hacia otro sitio (por ejemplo: href="http:)//www.example.com/poster.jpg") URL relativa - URL hacia el mismo sitio (por ejemplo: href="poster.jpg")

　HTML <video> etiqueta

HTML: <template> etiqueta