Cómo incrustar el video en HTML: 13 pasos (con imágenes)

Thysheaches, cómo incrustar un video de YouTube en un sitio web, pegando algún código en su HTML, más cómo incrustar manualmente un .MP4, .ogg, o .Video de Webm usando el HTML5

Pasos

Método 1 de 2:

Incrustar un video de YouTube

1. Localiza el video que desea incrustar en YouTube.com. Haga clic en el título del video en YouTube para abrir el video para ver.

También puede utilizar este método para muchos otros sitios web de video compartido. Aunque los nombres de cada enlace pueden ser diferentes, generalmente podrá encontrar un Empotrar o Añadir al sitio web vínculo en algún lugar cerca del video que desea incluir.

Imagen titulada Insertar video en HTML Paso 2

2. Hacer clic CUOTA. Está justo debajo del video (la opción con una flecha apuntando hacia la derecha). Aparecerán una lista de opciones de intercambio.

Imagen titulada Insertar video en HTML Paso 3

3. Hacer clic Empotrar. Es el primer icono. Esto abre una ventana que contiene un código HTML en su lado superior derecho.

Imagen titulada Insertar video en HTML Paso 4

4. Seleccione Opciones de incrustación para el video.

Si desea iniciar el video a una hora específica, seleccione "Iniciar en," Luego ingrese la hora en la que desea que comience (E.gramo., "1:44" Para reproducir el video desde la segunda marca de 1 minuto y 44).

Marque la casilla junto a "Mostrar controles de reproductor" para permitir que los espectadores ajusten el volumen, deténgase, comiencen y pausan el video.

Si no desea que YouTube recopile información sobre la persona que vea este video, puede verificar "Habilitar el modo mejorado en la privacidad."

Imagen titulada Insertar video en HTML Paso 5

5. Hacer clic COPIAR. Esto copia el código de incrustación a su portapapeles.

Imagen titulada Insertar video en HTML Paso 6

6. Abra el archivo HTML que desea editar. Si usa una herramienta en línea para editar su sitio web, vaya a la parte de la herramienta que le permite editar directamente el archivo HTML para la página donde debe aparecer el video. Si edita el sitio a mano, abra el código fuente de esa página en su editor de texto preferido.

Imagen titulada Insertar video en HTML Paso 7

7. Haga clic en la ubicación donde desea insertar el video. Puede insertar el video en cualquier lugar de su código HTML. Esto coloca al cursor en la posición deseada.

Imagen titulada Embed Video en HTML Paso 8

8. prensa ⌘ comando+V (Mac) o control+V (PC) para pegar el código. El código copiado de YouTube ahora aparece en su archivo HTML.

Imagen titulada Insertar video en HTML Paso 9

9. Guarda el archivo y publico en tu sitio web. Para probar el video, abra la página donde la haya incorporado en cualquier navegador web, luego haga clic en el video para comenzar a reproducirlo.

Método 2 de 2:

Usando el elemento de video HTML5

1. Sube tu video a tu servidor web. Este método es el más adecuado para aquellos que desean cargar sus videos directamente a sus propios sitios web en lugar de a un sitio compartido como YouTube. También puede usar este método si no quiere usar un "iframe" para incrustar su video.

Cargue el video como un archivo MP4 para asegurarse de que se pueda ver correctamente en todos los navegadores web. Aunque el elemento de video también admite archivos de video WEBM y OGG, no se pueden reproducir en Safari.
Como la mayoría de los navegadores están eliminando el soporte para los complementos externos que usan el HTML Etiqueta, utilizando el

Imagen titulada Insertar video en HTML Paso 11

2. Abra el archivo HTML que desea editar. Si usa una herramienta en línea para editar su sitio web, vaya a la parte de la herramienta que le permite editar directamente el archivo HTML para la página donde debe aparecer el video. Si edita el sitio a mano, abra el código fuente de esa página en su editor de texto preferido.

Imagen titulada Insertar video en HTML Paso 12

3. Ingrese el código para insertar el video. Ingrese este código en la ubicación exacta donde desea que aparezca el video, realice cambios en el nombre del archivo y el tamaño para satisfacer sus necesidades:

Reemplazar wiki.MP4 Con el nombre de su archivo de video. Si el archivo de video se encuentra en otro lugar de la web, reemplácelo con la ruta completa de la URL al archivo (E.gramo., "Https: // wiki.com / prueba.MP4 ").

Puede reemplazar los valores numéricos para "ancho" y "altura" para adaptarse al tamaño de su video.

La control S La opción garantiza que las personas que vean el video pueden pausar, reproducir, ajustar el volumen o detener el video cuando desee.

4. Guarda el archivo y publico en tu sitio web. Para probar el video, abra la página donde la haya incorporado en cualquier navegador web, luego haga clic en el video para comenzar a reproducirlo.

Video.

Al utilizar este servicio, se puede compartir información con YouTube.

Cómo incrustar video en html

Pasos

Video.

Consejos