viernes, 25 de junio de 2010

Introducir video en html 5

Funciona en:
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.
Aparte de estos existen varios más aunque estos son los esenciales.
Esperamos vuestros comentarios.

6 comentarios:

  1. Hola, muy buen trabajo..


    ¿Que formatos de video soporta HTML5?

    ResponderEliminar
  2. Sensacional la simplicidad que muestras al enseñar, te felicito

    ResponderEliminar
    Respuestas
    1. Muchas gracias a todos vosotros por hacerlo posible!

      Eliminar
  3. como se pone un video sin adelantar ni atrasar en dreamweaver

    ResponderEliminar
    Respuestas
    1. No se muy bien a que te refieres, supongo que dirás sin los controles de reproducción. Simplemente quita la palabra controls. Está más arriba en el tutorial. Gracias!

      Eliminar