Introducir video en html 5

  • por
En este tutorial vamos a ver como introducir video en tu web utilizando HTML5. HTML 5 incorpora el tag “video” que es capaz de reproducir la mayoría de los formatos de video con su calidad original. El proceso es muy simple, abria que añadir el tag “video” en el boby, de la siquiente manera:
<body>
<video src="9.mp4" >
Su navegador no soporta esta característica de html5
</video>
</body>
En este ejemplo hemos utilizado el vídeo 9.mp4, hay vosotros teneis poner la ruta de vuestro video. Con el codigo de ejemplo lo que conseguiríamos seria meter el video en la web, solo el video, sin botones de play ni audio ni nada. Para tener los controles del video deveríamos introducir la palabra controls, de la siguiente manera:
<body>
<video src="9.mp4" controls>
Su navegador no soporta esta característica de html5
</video>
</body>
Así ya tendríamos los controles de vídeo, aparte de “controls” se puede añadir mucha más configuración al video, aqui las mas usadas (todas se introducen igual que con “controls”): 

- autoplay:  El video se reproduce al cargar la web sin necessidad de apretar    el play.
- height:  El alto del video ej. height="300".
- widht:  El ancho del video ej. width="450".
- loop:  El video se reproducirá constantemente cada vez que finalice.

Fuente

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

Instagram: https://www.instagram.com/paramissuperioresoficial/

Twitch: https://www.twitch.tv/eimafias/


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.