icono-texto

Escrito en Herramientas Informaticas 2.

Código para insertar un vídeo – Herramientas Informáticas 2

Animaciones, vídeos, música, sonidos, y mucho más son los nuevos contenidos que encontramos cada vez más a menudo cuando navegamos en Internet. Todo con los objetivos de hacer una página más atractiva. Sin embargo es importante tener cuidado para no hacer páginas web que sólo puedan ser vistas en determinados navegadores.

En los últimos años la informática ha conocido lo que se ha convenido a llamar la revolución multimedia, cada vez es más fácil encontrar gran cantidad de imágenes, vídeos, animaciones tridimensionales, juegos con una calidad gráfica y sonora impactante y mucho más. Esta revolución también ha impactado a Internet.

Sin embargo los contenidos multimedia dejan de ser divertidos cuando tenemos en cuenta las velocidades actuales de la Red y los problemas de incompatibilidad entre distintas plataformas (distintas computadoras  y/o sistemas operativos).

Para poder insertar un video con el Media Player de Windows se utiliza el código <EMBED> y sus atributos son: TYPE, SRC, AUTOSTART, LOOP, SHOWCONTROLS, SHOWSTATUSBAR, CLICKTOPLAY, VOLUME, WIDTH, HEIGHT, HIDDEN.

Todas estas instrucciones son válidas tanto para archivos de sonido como para los de video, si algún tipo de fichero no es reconocido por el media player, se puede instalar el “codec” adecuado.

Veamos el ejemplo:

1.- Crea una carpeta en donde se guardara el archivo de video que se va utilizar:

manual de html codigo para insertar un video

2.- El código para insertar el vídeo con el reproductor de Windows es el siguiente:

codigo para insertar un video en html manual de html

4.- Es importante mencionar que se debe de especificar la extensión del vídeo a mostrar, las mas comunes son:

-avi

-mpeg

-wmv

5.- Una vez terminado el código, obtendremos lo siguiente:

insertar un video en una pagina web

6.- solo bastara con darle clic al botón de play y el vídeo empezara a reproducirse

manual de html como insertar un video en una pagina web

icono-comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *