HTML5 Etiqueta de vídeo II

¿Este artículo fue útil para ti? 🙂
1.👉 Suscríbete gratis aquí.
2.👍 Comparte este artículo en tus redes sociales.
3.🔔Deja un comentario.

html5-logo-pequeno  Aprendiendo HTML5     html5-logo-pequeno

En el post anterior explicamos como se implementa la etiqueta de vídeo en html5, pues bien ahora hablemos un poco sobre la compatibilidad de los formatos de vídeo soportados por los diferentes navegadores web que nosotros conocemos, talas como firefox, chrome, explorer, ect.

Los formatos más comunes compatibles con Html5 son el webm, mp4, ogg, por tanto podemos tener un mismo archivo multimedia convertido entre los diferentes formatos, con el fin que el navegador pueda reproducir el archivo seleccionando el adecuado, para dicha labor podemos hacer lo siguiente:

1
2
3
4
5
6
<video width="510px" height="330px" controls="controls" preload="preload">
   <source src="video/potencias.webm" type="video/webm"/>
   <source src="video/potencias.mp4" type="video/mp4"/>
   <source src="video/potencias.ogv" type="video/ogg"/>
   Su navegador no soporta video en Html5
</video>

Si se presenta el caso de que la versión del navegador web es algo obsoleta y no soporta las nuevas etiquetas de html5, podemos hacer uso del complemento de flash, en el siguiente enlace  pueden leer un poco más de esta etiqueta, así como también de como trabajar con los navegadores antiguos para que soporten la reproducción multimedia.

Deja un comentario

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