0% encontró este documento útil (0 votos)
121 vistas3 páginasGuía de Etiquetas Audio y Video HTML5
La etiqueta <audio> define archivos de audio en HTML. Incluye atributos como autoplay, controls y loop que controlan la reproducción automática, los controles y el bucle del audio. La etiqueta <video> define videos de forma similar y cuenta con atributos como height, width, src y controls.
Cargado por
mam0l1naDerechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
121 vistas3 páginasGuía de Etiquetas Audio y Video HTML5
La etiqueta <audio> define archivos de audio en HTML. Incluye atributos como autoplay, controls y loop que controlan la reproducción automática, los controles y el bucle del audio. La etiqueta <video> define videos de forma similar y cuenta con atributos como height, width, src y controls.
Cargado por
mam0l1naDerechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Etiqueta <audio>
Esta etiqueta define una canción, sonido u otro tipo de audio. Como
indicamos en video, cualquier texto que se encuentre entre estas etiquetas se
mostrará en el caso de que el navegador no soporte esta característica.
Dentro de esta etiqueta también tendremos la etiqueta audio. Los atributos
son:
autoplay: indica si se debe reproducir el audio automáticamente al
cargar la página.
controls: sirve para indicar si queremos visualizar los controles de
reproducción o no.
loop: sirve para indicar si el audio debe reproducirse indefinidamente.
src: indica la ruta donde se encuentra el fichero de audio.
HTML5 ha desarrollado un estándar para representar recursos de tipo video
en una página web, sin necesidad de plugins u otros añadidos para mostrarlo.
Es imprescindible indicar un texto dentro de la etiqueta video. Este texto se
mostrará al usuario cuando esté usando un navegador no compatible con esta
etiqueta. Por ejemplo, en Internet Explorer 8 se nos muestra:
Tenemos que indicar la sub-etiqueta source varias veces, ya que como
explicamos en la introducción, no todos los navegadores reproducen todos los
formatos de video. Por ello, es recomendable indicar más de un formato, para
que el video llegue al nº máximo de gente posible. El código que hemos visto
anteriormente ha sido procesado correctamente por los navegadores Firefox,
Opera y Google Chrome.
A continuación mostramos una relación de los navegadores y el tipo de
formato que soportan cada uno de ellos.
La etiqueta video presenta los siguientes atributos:
autoplay (true | false). Si es true, el video se reproducirá
automáticamente.
controls (true | false). Si es true, el usuario verá algunos controles para
controlar la reproducción del vídeo.
end (valor numérico). Define en qué momento el reproductor dejará de
reproducir el audio / video. Por defecto se reproduce hasta el final.
height (pixeles). Indica la altura del reproductor de video.
loopend (valor numérico). Define donde se deberá crear el final de un
bucle para retornar al inicio de su reproducción. Por defecto es al final del
video.
loopstart (valor numérico). Define donde debería empezar el bucle. Por
defecto es el inicio del video.
playcount (valor numérico). Define cuantas veces el archivo debería de
reproducirse. Por defecto es 1.
poster (dirección URL). La URL de una imagen que se mostrará mientras se
prepare el video para ser reproducido.
src (dirección URL). La dirección del archivo de video a reproducir.
start (valor numérico). Define a qué altura de la línea de tiempo el
reproductor debería empezar a reproducir el vide. Por defecto es al principio.
