VÍDEO Y AUDIO Etiqueta <vídeo> La etiqueta vídeo incrusta un vídeo en una página web, dentro de la etiqueta se debe especificar la fuente del vídeo mediante la etiqueta source. <video controls> <source src="multimedia/tortola.mp4" type="video/mp4"> Formato de vídeo no soportado. </video> El atributo controls hace que aparezca una barra con los controles para arrancar/parar la reproducción, control del volumen, etc. Antes del cierre de la etiqueta </video> se puede escribir un texto que aparecerá si el navegador no es capaz de reproducir el formato de vídeo. Aunque algunos navegadores no lo muestran y muestran un mensaje propio como "Origen no válido". . autoplay. Si aparece este atributo el vídeo comenzará a reproducirse automáticamente al cargarse la página, si no aparece el usuario tendrá que pulsar en el botón Play. loop. Si aparece este atributo cuando el vídeo llegue al final volverá a reproducirse desde el principio, y así indefinidamente. muted. Si aparece este atributo no se oirá el sonido. Si utilizamos este atributo es conveniente incluir el atributo controls para que el usuario pueda activar el sonido. poster. Este atributo permite colocar una imagen como portada del vídeo, es decir, cuando se cargue el vídeo y antes de empezar a reproducirse aparecerá la imagen que indiquemos en lugar de la primera imagen (frame) del vídeo. A continuación del atributo debemos indicar la ruta de la imagen, por ejemplo: poster="graficos/poster_video.png" width y height. Indican la anchura y altura del vídeo en pixels. Si no se especifican, por defecto, estos atributos toman los valores originales del vídeo. Si damos unos valores más grandes que el original el vídeo puede verse pixelado, si son menores no suele afectar a la resolución. Siempre conviene dar unos valores que mantengan la proporción del original, en otro caso el vídeo puede verse truncado. Vídeos de YouTube Una vez un vídeo está en YouTube es muy sencillo incrustarlo en una página web utilizando la etiqueta iframe. Desde la misma página de YouTube podemos pulsar el botón Compartir, y luego el botón Insertar, al pulsar en el botón Copiar se copia el código al portapapeles, y ya sólo queda pegar el código en la página web. |<iframe width="560" height="315" src="https://www.youtube.com/embed/Ug4eNTzl4YI" </iframe> Etiqueta <audio> Para reproducir sonido disponemos de la etiqueta audio. En su versión mínima sólo necesita una fuente de sonido y un control de reproducción. <audio controls src="multimedia/audio_prueba.mp3" > Audio no soportado </audio>
