English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <video> es adecuado para HTML 5+, utilizado para definir el flujo de contenido multimedia para ver en línea.
Muchos sitios utilizan videos. HTML5 Proporciona estándares para mostrar videos.
Hasta ahora, no existe un estándar destinado a mostrar videos en la web.
Hoy en día, la mayoría de los videos se muestran a través de complementos (como Flash). Sin embargo, no todos los navegadores tienen los mismos complementos.
HTML5 Define un método estándar para incluir videos mediante el elemento video.
Internet Explorer 9+, Firefox, Opera, Chrome y Safari admiten el elemento <video>.
Atención: Internet Explorer 8 Otras versiones anteriores de IE no admiten el elemento <video>.
Para usar en HTML5 Mostrando el video, todo lo que necesita es:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Su navegador no admite la etiqueta Video. </video>Vea la prueba ‹/›
Al mismo tiempo, el elemento <video> también proporciona las propiedades width y height para controlar el tamaño del video. Si se establecen la altura y el ancho, el espacio necesario para el video se reservará en el momento de la carga de la página. Si no se establecen estos atributos, el navegador no sabrá el tamaño del video y no podrá reservar un espacio específico en el momento de la carga, y la página cambiará según el tamaño original del video.
<video> y</El contenido entre las etiquetas <video> se proporciona para navegadores que no soportan el elemento video.
El elemento <source> se puede insertar entre etiquetas <video> para proporcionar contenido para navegadores que no soportan el elemento video. El navegador utilizará el primer formato reconocible:
Actualmente, el elemento <video> admite tres formatos de video: MP4, WebM y Ogg:
| navegador | MP4 | WebM | Ogg |
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | NO | NO |
| Opera | YES (desde Opera 25 ) | YES | YES |
MP4 = con H.264 MPEG con codificación de video y audio AAC 4 archivo
WebM = con VP8 archivo WebM con codificación de video y audio Vorbis
Ogg = archivo Ogg con codificación de video Theora y audio Vorbis
| Formato | MIME-type |
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML5 Los elementos <video> y <audio> también tienen métodos, propiedades y eventos.
Los métodos, propiedades y eventos de los elementos <video> y <audio> se pueden controlar con JavaScript.
Los métodos se utilizan para reproducir, pausar y cargar, entre otros. Las propiedades (como la duración, el volumen, etc.) pueden ser leídas o configuradas. Los eventos DOM pueden notificarle, por ejemplo, que el elemento <video> ha comenzado a reproducir, se ha pausado, se ha detenido, etc.
Los métodos simples en el ejemplo nos muestran cómo usar el elemento <video>, leer y establecer atributos, y cómo llamar a métodos.
Crear una reproducción simple de video/Control deslizante de pausa y ajuste de tamaño:
Los ejemplos anteriores invocan dos métodos: play() y pause(). Utiliza dos propiedades: paused y width.
Para más referencias, consulte HTML5 Audio/Manual de referencia DOM de Video.
| Etiqueta | Descripción |
| <video> | Define un video |
| <source> | Define varios recursos de medios, como <video> y <audio> |
| <track> | Definido en la trayectoria de texto del reproductor de medios |