¿Cómo insertar archivos de audio y vídeo en dreamweaver

Aunque puede utilizar Dreamweaver para insertar archivos de vídeo directamente en una página web, nuestro mejor consejo es utilizar uno de los servicios de alojamiento de vídeo, como YouTube o Vimeo.

Video: HTML insertar musica de fondo y videos de Youtube -9- crear una pagina web con el bloc de notas HTML

Al seleccionar los medios de comunicación en el menú Insertar, a encontrar múltiples opciones de audio y vídeo. Si desea insertar archivos de vídeo que se encuentran en uno de los formatos más antiguos y más propietarios, como Windows Media Video (.WMV) O QuickTime (.mov), Se elige la opción Plug-in de la lista desplegable Papel en el menú Insertar.

Si desea utilizar los últimos formatos de vídeo con la etiqueta video de HTML5, puede insertar vídeo en el MP4, WebM, Ogg Theora o siguiendo estos pasos:

1. Haga clic donde desea que el archivo que aparezca en su página web.

2. Seleccione Insertar → Multimedia → vídeo HTML5.

   También puede hacer clic en la lista desplegable en el panel Insertar, seleccione Media y luego seleccionar HTML 5 video. Un pequeño cuadro gris que contiene un icono de la película aparece en su diseño.

   

3. Haga clic en la pequeña caja gris que contiene un icono de la película.

   Las propiedades de vídeo se muestran en el Inspector de propiedades en la parte inferior de la pantalla.

4. En el campo Origen del inspector de propiedades, introduzca la dirección URL de su archivo de vídeo o seleccione el icono Examinar y seleccione un archivo de vídeo en su disco duro.

   Después de seleccionar el archivo, la ruta y el nombre aparecen en la ventana Fuente.

   

5. (Opcional) Utilice el Alt 1 y Alt Fuente Fuente 2 campos para introducir la dirección URL o buscar y seleccionar el vídeo en formatos adicionales.

   Una de las complejidades de la utilización de la etiqueta video de HTML5 es que se puede utilizar con tres formatos de vídeo: MP4, Ogg Theora y WebM. Si desea que el vídeo para jugar en todos los navegadores web más populares, es necesario incluir el vídeo en los tres formatos.

   Se ve que los tres campos de origen se rellenan con videos en cada uno de estos formatos. Además, puede incluir un video en flash para navegadores web más edad en el campo de destello de retorno.

   Si usted piensa que es una locura tener que incorporar cuatro archivos de vídeo diferentes en cuatro formatos distintos, que no está solo. Esta complejidad se debe a la falta de acuerdo entre las compañías del navegador sobre qué formato es mejor para el vídeo.

   Otra ventaja de usar Vimeo o YouTube para alojar sus vídeos es que se puede subir un video en un solo formato, y YouTube y Vimeo convertir y entregarlo en todos estos formatos de forma automática.

   Video: Tip HTML5, Insertar video, audio e imágenes dentro de mi sitio web desarrollado en Dreamweaver

6. Introduzca la altura y la anchura en los campos H y W, respectivamente, del inspector de propiedades.

   Cuando se agrega audio o vídeo, Dreamweaver no determina automáticamente la altura y la anchura del archivo, por lo que es necesario agregar las dimensiones del inspector de propiedades después de insertar el archivo.

7. Guardar la página y haga clic en el icono de vista previa (globo) (en la parte superior del área de trabajo) para abrir la página en un navegador, para asegurar la compatibilidad.

   No todos los formatos de vídeo se reproducirá en todos los navegadores. Pon a prueba tu vídeo para asegurarse de que se reproduzca al menos en el navegador que usted está apuntando como su destino principal. Si ha configurado el archivo de reproducción automática, el archivo se reproduce automáticamente cuando se carga la página en el navegador. De lo contrario, el navegador inserta un simple controlador para que pueda iniciar, pausar, adelantar y rebobinar el vídeo.