Video y audio con HTML5

Hasta ahora, no ha habido un estándar para la proyección de un video / película en una página web.

la mayoría de los vídeos que se muestran en una página Web son a través de un plug-in (como Flash) o un iframe de Youtube o Vimeo, entre otros.

Con la entrada de HTML5, se define un nuevo elemento que especifica un método estándar para incrustar video y audio en una página Web.

Para insertar video podríamos hacer esto:

<video width="320" height="240" controls="controls">
   <source src="movie.mp4" type="video/mp4" />
   <source src="movie.ogg" type="video/ogg" />
   Your browser does not support the video tag.
</video>

Obteniendo como resultado:

Y para insertar sonido:

<audio controls="controls">
   <source src="song.ogg" type="audio/ogg" />
   <source src="song.mp3" type="audio/mpeg" />
   Your browser does not support the audio element.
</audio>

Obteniendo como resultado:

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(2 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre