English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El elemento <video> de HTML se utiliza para insertar reproductores de medios en documentos HTML o XHTML, se utiliza para soportar la reproducción de videos dentro del documento. También puedes usar la etiqueta <video> para contenido de audio, pero el elemento <audio> puede ser más adecuado en términos de experiencia del usuario.
Ejemplo en línea
Ejemplo !doctype html> <html> <head>-8" type="video <meta charset="UTF3<title>Uso del etiqueta video HTML (Tutoriales básicos de HTML)/codebox.com)< body>/title> head> <body> <video controls>4<source src="movie.mp/mp4" type="video ">/<source src="movie.webm" type="video webm">39<p>Su navegador no admite5 ;t no soporta HTML video. Aquí está4a <a href="movie.mp/">enlace al video</a> en su lugar.< body>/p> body>/video> body>/<html>/prueba para ver ‹
compatibilidad del navegadorChromeNOInternet Explorer0 comenzando
IE
etiqueta define y explica su uso
<video> etiqueta define el video, como fragmentos de películas u otros flujos de video.4Actualmente, el elemento <video> admite tres formatos de video: MP
| 、WebM、Ogg. | MP4 | WebM | Ogg |
|---|---|---|---|
| navegador | versión comenzando | Safari | Safari |
| Internet Explorer | versión comenzando | versión comenzando | versión comenzando |
| Chrome | versión comenzando Firefox 21 desde Opera desde Firefox 3sistema Linux desde Firefox | versión comenzando | versión comenzando |
| 0 comenzando | versión comenzando | Safari | Safari |
| NO | versión comenzando Opera 25 desde Opera | versión comenzando | versión comenzando |
MP4 SÍ 4= MPEG264 archivo utiliza el codec H
WebM = El archivo WebM utiliza el codec de video VP y el codec de audio AAC8 codec de video y codec de audio Vorbis
Ogg = El archivo Ogg utiliza el codec de video Theora y el codec de audio Vorbis
| formato | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
La etiqueta <video> es de HTML5 de la nueva etiqueta.
Consejo:Puede estar en <video> y </El contenido de texto se coloca entre las etiquetas <video>, de esta manera, los navegadores que no soportan el elemento <video> pueden mostrar la información de la etiqueta.
New : HTML5 nuevas propiedades.
| Atributo | Valor | Descripción |
|---|---|---|
| autoplayHTML5 | autoplay | Si se presenta este atributo, el video se reproducirá inmediatamente después de estar listo. |
| controlsHTML5 | controls | Si se presenta este atributo, se mostrarán controles al usuario, como el botón de reproducción. |
| heightHTML5 | píxeles | Establecer la altura del reproductor de video. |
| loopHTML5 | loop | Si se presenta este atributo, el archivo de medio se reproducirá nuevamente después de que se complete. |
| mutedHTML5 | muted | Si se presenta este atributo, la salida de audio del video será silenciosa. |
| posterHTML5 | URL | Especificar la imagen que se mostrará mientras el video se descarga, hasta que el usuario haga clic en el botón de reproducción. |
| preloadHTML5 | auto metadata none | Si se presenta este atributo, el video se cargará y se preparará para la reproducción cuando se cargue la página. Si se utiliza "autoplay", se ignorará este atributo. |
| srcHTML5 | URL | URL del video que se reproducirá. |
| widthHTML5 | píxeles | Establecer el ancho del reproductor de video. |
Soporte de <video> etiqueta Atributos globales de HTML.
Soporte de <video> etiqueta Atributos de eventos de HTML.