Puede añadir audio y vídeo a su sitio web en Website Builder con HTML y el componente Código. En esta guía, le explicamos el proceso.

Paso 1: Suba el archivo de audio o vídeo a su espacio web

Paso 2: Abra Website Builder

Paso 3: Incruste el código en Website Builder

Paso 4: Guardar y publicar

Nota: El componente Vídeo le permite incrustar vídeos de YouTube. De esa manera, su vídeo se aloja en otro lugar y no consume espacio de disco. Puede encontrar el menú del componente a la izquierda, en Más > Vídeo.

Paso 1: Suba el archivo de audio o vídeo a su espacio web

En primer lugar, debe subir el archivo de audio o vídeo a su espacio web mediante File Manager o FTP. El audio debe estar en formato mp3 y el vídeo, en mp4.

1. Inicie sesión en el panel de control de one.com.
2. Abra File Manager en la sección Archivos y seguridad.
3. Haga clic en + Cargar y seleccione el archivo de audio (mp3) o vídeo (mp4) que quiera incrustar en su sitio web.
4. Copie la ruta completa a su archivo y péguela en un archivo de texto para usarla más adelante.

Paso 2: Abra Website Builder

1. Abra Website Builder.
2. Haga clic en Código en el menú de componentes de la izquierda.
3. Haga clic en el icono de expandir para obtener una vista mayor.

Paso 3: Incruste el código en Website Builder

1. Copie una de las muestras de código a continuación y péguela en el componente Código de Website Builder.
2. Sustituya RUTA COMPLETA en la muestra de código con la ruta completa a su archivo de audio o vídeo.
3. Haga clic en Guardar.
4. Haga clic en Añadir para introducirlo en su espacio de trabajo.

Elija una de las siguientes muestras o cree su propio código con la etiqueta HTML <audio> y la etiqueta HTML <video>. Recuerde reemplazar RUTA COMPLETA con la ruta completa a su archivo de audio o vídeo.

Incrustar un archivo de audio mp3:

<audio controls>
<source src="RUTA COMPLETA" type="audio/mpeg">
</audio>

Incrustar un archivo de audio mp3 que empiece a reproducirse automáticamente:

<audio controls autoplay>
<source src="RUTA COMPLETA" type="audio/mpeg">
</audio>

Nota: Algunos navegadores limitan la reproducción automática de audio o vídeo, aunque la añada a su código.

Incrustar un archivo de vídeo mp4:

<video width="640" height="480" controls>
<source src="RUTA COMPLETA" type="video/mp4">
</video>

Incrustar un archivo de vídeo mp4 que empiece a reproducirse automáticamente:

<video width="640" height="480" controls autoplay>
<source src="RUTA COMPLETA" type="video/mp4">
</video>

Consejo: El tamaño predeterminado del vídeo es de 640x480 px. Es posible cambiar el tamaño ajustando los números de la anchura y la altura en el código.

Paso 4: Guardar y publicar

1. Arrastre el componente hasta el lugar donde debe ubicarse el archivo en su sitio web.
2. Haga clic en Vista previa para comprobar que tenga el aspecto deseado.
3. Si todo está bien, haga clic en Guardar y Publicar para que sus cambios puedan verse en línea.

Consejo: Añada un componente Cuadro a su sitio con las mismas dimensiones que el vídeo y adjunte el componente Código al cuadro. Permite controlar la posición del audio o vídeo más fácilmente. El tamaño del video está determinado por la altura y el peso en el código HTML.

Artículos relacionados:

¿Para qué sirven los contenedores?

Cómo utilizar el editor de la vista móvil