Cómo incrustar un archivo de video MP4 en HTML como profesionales

Cómo incrustar un archivo de video MP4 en HTML como profesionales

selena thomas

Agosto 27, 2021 15: 00Publicado por a MP4

Hoy todo se vuelve cada vez más fácil excepto el trabajo profesional, como insertar un video MP4 en HTML Página web. Esto se debe a que todos los navegadores web no tenían un estándar uniforme para definir archivos multimedia incrustados como video. En este capítulo, demostraremos dos métodos para agregar videos en páginas web, para que todos puedan hacer HTML incrustado de video como profesionales.

Insertar MP4 en HTML

Parte 1: Cómo insertar MP4 en HTML

Método 1: Cómo incrustar MP4 en HTML con código

Las páginas web utilizan códigos HTML para crear estructura. Es similar a agregar un MP4 en HTML con la incrustación de una foto. Sin embargo, necesita más controles, como reproducción, bucle, audio, etc. Además, el video debe acercarse y alejarse de acuerdo con su navegador. Por lo tanto, también requiere un documento CSS externo.

HTML MP4

Paso 1

En primer lugar, cree un documento CSS e ingrese el siguiente comando:

.welcome_vid {
bloqueo de pantalla;
margen izquierdo: auto;
margen derecho: auto;
anchura: 80%;
altura: auto;
}

Significa agregar el MP4 en el centro del HTML y hacer que el video responda. Nombra el documento CSS como style.css y colóquelo en el mismo directorio con la página web.

Paso 2

Inserte el documento CSS en la página web agregando los códigos a la página web:




Paso 3

Ahora, inserte el MP4 en HTML con los siguientes códigos:



Este navegador no muestra la etiqueta de video.

Reemplaza camino con la ruta de la carpeta de videos o la URL y nombre con su nombre de archivo MP4.

Paso 4

Guarde la página web y compruebe si el video se reproduce en la página web.

Método 2: Cómo agregar YouTube MP4 en HTML

El lenguaje de comando es difícil para principiantes y personas promedio. Quizás se pregunte si puede agregar MP4 en HTML sin ninguna habilidad técnica. Los pasos siguientes pueden resultar útiles.

Paso 1

Abra el sitio web de YouTube en un navegador e inicie sesión en su cuenta. Si no lo tiene, cree una nueva cuenta.

Paso 2

Haga clic en el Crean con el icono de la videocámara en la parte superior derecha y seleccione Subir video. Luego haga clic SELECCIONA ARCHIVOS en el cuadro de diálogo emergente y cargue el MP4 que desea insertar en HTML.

Upload Video

Paso 3

Siga las instrucciones en pantalla para configurar la descripción y otras opciones. Por fin, golpea el SAVE

Paso 4

A continuación, abra el video subido en YouTube y verá varias opciones. Haga clic en el Compartir icono y obtendrá el panel de compartir. Ve a la Incrustar pestaña, copie el enlace en el cuadro y péguelo en su página web. El MP4 se agregará a su documento HTML. De forma predeterminada, video incrustado dentro de un iframe. También puede cambiar el código, como el tamaño del video y más.

Panel compartido

Nota: YouTube solo admite hasta un video de hasta 12 horas con menos de 128 GB. La relación de aspecto recomendada es 16: 9.

Recomendar: Mejor convertidor MP4

Agregar Archivo

MP4 es un formato de video estándar para distribuir contenido animado a través de Internet. A veces, solo tiene AVI, MKV u otros archivos de video sin pérdida. Ofrecen mejor calidad que MP4, pero el tamaño del archivo es mayor. La mejor solución es convertir sus archivos de video a MP4 con Convertidor de video Blu-ray Master Ultimate.

Características principales del mejor convertidor MP4

En resumen, es la mejor opción para convertir sus archivos de video a MP4.

Parte 2: Preguntas frecuentes sobre la incrustación de MP4 en HTML

¿Cómo conviertes un video en un enlace?

Para convertir un video en un enlace URL, necesita un servicio de host. Afortunadamente, hay muchos servicios disponibles. YouTube, por ejemplo, te permite subir un video y convertirlo en un enlace. Además, los servicios en la nube como Dropbox también tienen esa capacidad.

¿Qué etiqueta se usa para insertar video en HTML?

los El elemento, que agrega soporte de reproducción de video nativo a la especificación HTML en HTML5, se puede usar para incrustar un video en un documento HTML.

¿Cómo puedo reproducir un video al cargar la página?

Antes de HTML5, para poder reproducir un video en una página web, necesitaría el complemento Adobe Flash Player. Con la introducción de HTML5, ahora puede colocar videos directamente en la propia página.

Conclusión

Esta guía le ha explicado dos formas sencillas de insertar MP4 en HTML, para que pueda publicar videos en su página web. Para los principiantes, puede usar YouTube como anfitrión y crear un enlace de video. Sin embargo, los códigos HTML le brindan más controles de reproducción de video. Si tiene otros problemas, no dude en dejar un mensaje debajo de esta publicación.

¿Qué opinas de este post?

Excelente

Valoración: 4.9 / 5 (180 Votos)

Más lectura

Cómo convertir DAV a MP4 - 3 métodos viables para convertir archivos CCTV DAV

¿Qué es un archivo DAV? Cuando haya grabado algunos videos en DAV, ¿cómo convertir DAV a MP4? Simplemente aprenda más sobre las 3 formas viables del artículo.

2 mejores formas de convertir M4A a MP4 en Windows y Mac

Cuando desee convertir iTunes M4A a un teléfono Android u otros dispositivos, puede obtener 2 formas eficientes y fáciles de convertir M4A a MP4 del artículo.

Cómo convertir archivos WLMP a MP4

¿No pudo abrir un archivo WLMP en su computadora? El hecho es que ningún reproductor multimedia puede reproducirlo. Necesita convertir el WLMP a MP4. Este artículo le dará 3 formas de convertir WLMP a MP4.

Cómo convertir archivos WLMP a MP4

¿No pudo abrir un archivo WLMP en su computadora? El hecho es que ningún reproductor multimedia puede reproducirlo. Necesita convertir el WLMP a MP4. Este artículo le dará 3 formas de convertir WLMP a MP4.

MP4

Lo que es MP4 Extraer subtítulos de MP4 Editor de metadatos MP4 MOV vs MP4 Comprimir archivo MP4 MP4 cortador Cultivo MP4