En esta lección, vas a aprender cómo agregar un video HTML5 a una página en Adobe Dreamweaver. Ahora, antes de empezar tenemos que configurar un sitio para este módulo. Entonces vamos a ir al menú de nuestro sitio, al nuevo sitio. Vamos a hacer clic en este ícono de carpeta aquí. Ahora ya he puesto la carpeta multimedia del módulo seis. de la carpeta de archivos de lecciones en mi escritorio para que me sea más fácil de usar. Así que vas a navegar a donde sea que tengas esa carpeta. Y vamos a hacer clic en el botón Seleccionar carpeta. Voy a nombrar esto, módulo seis medios, y vamos a hacer clic en el botón Guardar. Ahora, si nunca ha creado un sitio o si quieres más información sobre por qué usamos los sitios en general, puedes volver al módulo uno a la gestión de sitios en Dreamweaver y aprenda un poco más sobre cómo trabajar con sitios. Desde nuestro panel de archivos aquí a la derecha, vamos a abrir caminata destacada. Ahora en esta página, tenemos nuestra caminata destacada y son las cataratas Danforth y tienen una gran área de cascada. Entonces, lo que queremos hacer es que no queremos simplemente poner una foto aquí. pero queremos poner un video aquí. Así que lo que vamos a hacer es asegurarnos que estamos en vista de diseño y aquí a la derecha, vamos a hacer clic en donde tenemos nuestro lado y para asegurarse de que está en el lugar correcto, mire aquí abajo en nuestra barra de estado en la parte inferior. Y puede ver, dirá un artículo lateral y correcto. Y si ves eso, sabes que estás en el lugar correcto. Con HTML en el pasado, teníamos que pasar por el aro para poner un video en la página. Pero ahora con HTML5, es muy fácil. Así que vamos a pasar al panel de inserción aquí a la derecha. Vamos a elegir HTML del menú desplegable en la parte superior del panel. Y vamos a desplazarnos hacia abajo hacia la parte inferior al video HTML5. Y vamos a hacer clic en eso. Ese es solo el primer paso, que pone un marcador de posición allí. Pero aquí abajo en nuestro panel de propiedades, aquí es donde tenemos toda la información que necesitamos para que este video realmente funcione. Vamos a ir al panel de archivos, haga clic de nuevo en ese panel de archivos. Y la primera característica, probablemente la más importante en este panel de propiedades está la fuente. Así que eso es lo más importante que tenemos que hacer. Así que vamos a ir a nuestro menú de medios en nuestros archivos. Vamos a abrir eso porque vamos a usar este archivo 0.2, este pequeño ícono de diana, justo a la derecha de la fuente. Y vamos a hacer clic en eso y arrastrarlo a nuestra cascada. En este momento, porque tenemos un marcador de posición aquí, ese marcador de lugar es bastante pequeño. Y si lo dejamos así, así de grande sería nuestro video, que es un poco pequeño. Así que vamos a bajar al ancho y vamos a poner un ancho de 300 y una altura de 500. Y aquí es donde estará nuestro video. Cuando tienes un video en la página si lo dejáramos así, cuando cargue nuestra página, todo lo que nuestros espectadores verían sería una caja negra. Justo debajo de la fuente, tenemos la capacidad de usar lo que se llama un cartel. Y un poster es solo una imagen de lo que podría ver una vez que el video comience a reproducirse. Así que vamos a volver a nuestro panel de archivos. Y esta vez vamos a abrir nuestra carpeta de imágenes. Vamos a desplazarnos hacia abajo y a nuestro póster. vamos a usar ese mismo punto para archivar. Vamos a hacer clic en ese icono. Vamos a arrastrarlo hasta la cascada.PNG. Así que esta es una fotografía de esa cascada. Queremos tener algún texto alternativo. Entonces, en caso de que alguien no pueda ver cuál es nuestro video, podemos escribir en video de las cataratas en Danforth Falls durante la primavera, después de una lluvia. Así que el agua está embravecida. Abajo, en la parte inferior izquierda, tenemos un par de opciones diferentes. Entonces, la primera es que tenemos controles, por lo que podemos elegir si nuestros espectadores pueden o no pausar o reproducir o incluso reproducir ese video. Así que vamos a dejar los controles encendidos. También tiene la posibilidad de elegir que se reproduzca automáticamente. Entonces, tan pronto como se cargue la página, se reproducirá el video. Ahora, esto es lo que pasa con eso. Si desea que esa característica funcione realmente en un navegador, algunos de los navegadores modernos no me gusta esta función de reproducción automática pero una de las formas de evitarlo es hacer clic en este botón silenciado. Ahora, todo lo que hemos hecho, gran parte de la vista previa que hemos hecho de las páginas ha sido a través de nuestra vista en vivo. Y si vamos a nuestra vista en vivo, podemos verlo pensando un poco pero este no es el mejor lugar para obtener una vista previa de su video. Así que vamos a ir al menú de archivo para guardar, y voy a salir a mi navegador y voy a hacer un control O, estoy en una PC. Si estás en una Mac, vas a hacer un comando O, y eso nos permitirá abrir un archivo. Y deberíamos navegar a donde sea que tengamos esa carpeta multimedia del módulo seis. Y vamos a hacer doble clic en esa caminata destacada para abrirlo. Para que veas que nuestro video ha comenzado y nuestro video se está reproduciendo. Pero una de las cosas que hace que se reproduzca automáticamente tipo de quita es el sonido de las cataratas. Así que nuestro espectador tendría que saber, en primer lugar, que hay sonido. Y en segundo lugar, necesitarían saber que pueden volver a encender ese sonido y luego haga clic en ese botón de reproducción. Entonces puedes escuchar ese sonido. Voy a volver a Dreamweaver. Así que tienes que decidir si o no desea que su video se reproduzca, ya sea que quieres que se reproduzca automáticamente desde el principio. Si lo hace, ¿necesita sonido en él? ¿O está bien que esté silenciado? ¿Y vas a dar a tus usuarios el control sobre reproducir y pausar ese video? Entonces, en esta lección, aprendiste cómo agregar un video HTML5 a una página en Adobe Dreamweaver.
