Nunca me ha gustado depender de los servicios externos en la web, llámese youtube para este caso, aunque reconozco su utilidad. En la entrada anterior quería anexar un video, pero no deseaba los servicios de youtube ni de vimeo, por lo que decidí buscar alternativas.

Hay que decir de igual manera que no soy muy diestro en la programación web, nunca me ha llamado la atención, así que este "descubrimiento" lo dejo en mis notas solamente ;)

<video width="320" height="240" controls>
  <source src="movie.webm" type="video/webm">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Tu navegador no soporta la etiqueta VIDEO.
</video>

Tan sencillo como eso, tan solo hay que modificar las dimensiones al tamaño del video. Se puede dejar un solo formato de video, pero como los navegadores no soportan todos estos formatos, se pueden poner varias fuentes para que carguen la que puedan. Tambien hay que agregar unas lineas más al .htaccess para que el servidor apache reconozca los videos.

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

Y listo, otro punto anotado :)

Recursos


Artículos relacionados: