como agregar-archivos-multimedia-con-html5-en-tu-blog
TRANSCRIPT
Trucos BloggersTips, Trucos, Consejos para Bloggershttp://bloggertrucos.com
Como agregar archivos multimedia con HTML5 en tu blog
En muchas ocasiones es útil y necesario agregar un archivo multimedia en nuestro blog, sinimportar la plataforma. Para esto podemos usar las nuevas etiquetas HTML5 las cuales ya sonsoportadas por los navegadores, excepto Internet Explorer, y podemos usar los archivos quequeremos sin usar plugins, en el caso de que usemos Wordpress.
En este caso podemos usar el archivo que tenemos en nuestro blog, pero para este ejemplopara reducir ancho de banda y recursos del servidor de mi blog en Wordpress voy a usar unarchivo que tengo en mi cuenta de Dropbox.
Si queremos usar un archivo de audio, lo que hacemos es agregar este código:
Debes de reemplazar la ruta por tu archive, la fuente con el audio en .ogg es para los usuariosque usen navegadores que no soporten HTML5.
Los atributos del elemento AUDIO y VIDEO son: controls, autoplay, loop, muted, y preload
Controls: permite que se muestren los controles y el reproductor en sí.
1 / 3
Trucos BloggersTips, Trucos, Consejos para Bloggershttp://bloggertrucos.com
Autoplay: hace que el archivo se reproduzca al cargar la página.
Loop: reproducirá el archivo una y otra vez.
Muted: quitará el audio del archivo.
Preload: define si el reproductor se debe cargar cuando se cargue la página.
Si queremos mostrar un video, es casi lo mismo solo que cambiamos AUDIO por VIDEO, eneste caso el código quedaría así:
Copiando el archivo de Dropbox.
En este caso de ejemplo vamos copiar la ruta de un archivo de dropbox que vamos areemplazar e ingresar en el codigo.
Ingresamos a nuestra cuenta y buscamos el archivo de audio.
En el archivo hacemos clic derecho y seleccionamos "Compartir Vinculo".
Inmediatamente se abrira una ventana donde hacemos clic en "Obtener vinculo" como muestrala imagen
2 / 3
Trucos BloggersTips, Trucos, Consejos para Bloggershttp://bloggertrucos.com
La ruta ahora se ha copiado y solo debemos de reemplazarla en el código anterior parainsertarlo en el blog.
Deben recordar que para insertar el código en un post deben de selección la vista del editoren HTML o TEXT como muestra Wordpress.
Powered by TCPDF (www.tcpdf.org)
3 / 3