domingo, 6 de septiembre de 2020

09 Audio Video

 Para insertar audio video en nuestro documento HTML, lo primero que debemos tener en cuenta es si el archivo se cargara via web para lo cual deberemos tener la dirección url completa o si será cargado internamente con lo que pondremos la dirección relativa al archivo.

Una vez tenemos claro desde donde cargaremos el archivo, pondremos la etiqueta “video”, añadiendo la propiedad “controls” para que aparezcan los controles (volumen, play…), también podemos indicar el alto / ancho, puedes ver como queda en el siguiente ejemplo:


<video src="src/penalti.mp4" controls width="220px" height="240px">Tu navegador no soporta este video </video>


Entre las etiquetas he puesto un comentario que indicara al usuario que su navegador no soporta este video, en caso de que el navegador sea antiguo.

Para el audio, es bastante parecido, cambia la etiqueta a “audio”, quedando el código de la siguiente manera:


<audio src="src/TheGoldenPresentJesseGallagher.mp3" controls></audio>





No hay comentarios:

Publicar un comentario