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.
- Inicie sesión en el panel de control de one.com.
- Abra File Manager en la sección Archivos y seguridad.
- Haga clic en + Cargar y seleccione el archivo de audio (mp3) o vídeo (mp4) que quiera incrustar en su sitio web.
- 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
- Abra Website Builder.
- Haga clic en Código en el menú de componentes de la izquierda.
- Haga clic en el icono de expandir para obtener una vista mayor.
Paso 3: Incruste el código en Website Builder
- Copie una de las muestras de código a continuación y péguela en el componente Código de Website Builder.
- Sustituya RUTA COMPLETA en la muestra de código con la ruta completa a su archivo de audio o vídeo.
- Haga clic en Guardar.
- 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
- Arrastre el componente hasta el lugar donde debe ubicarse el archivo en su sitio web.
- Haga clic en Vista previa para comprobar que tenga el aspecto deseado.
- 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: