Uso de código para agregar audio y video a su sitio Website Builder
Además de usar uno de nuestros muchos widgets, también puede agregar audio y video a su sitio en Website Builder con HTML y el componente de código.
- Paso 1 - Subir el archivo de audio o vídeo a su espacio web
- Paso 2 - Abra el Website Builder
- Paso 3 - Insertar el código en Website Builder
- Paso 4 - Guardar y publicar
Nota: El componente de código es una característica Website Builder Premium y Business + Ecommerce. Si actualmente usa Starter, puede actualizar su nivel o usar el widget YouTube. Los usuarios Premium y Business + Ecommerce pueden usar widgets para Vimeo y almacenados en su espacio web. Ninguna de estas opciones de widget requiere código para incrustar un vídeo.
Paso 1 - Subir el archivo de audio o vídeo a su espacio web
Primero, cargue su archivo de audio o video en su espacio web usando File Manager o FTP. El audio debe estar en formato mp3 y el video en mp4.
- Inicie sesión en el panel de control de one.com.
- Abra el File Manager en el mosaico Archivos y seguridad.
- Haga clic en +Cargar y seleccione el archivo de audio (mp3) o vídeo (mp4) que desea incrustar en su sitio.
- Copia la ruta completa de tu archivo y pégalo en un archivo de texto para su uso posterior.
Paso 2 - Abra el Website Builder
- Abra Website Builder.
- Haga clic en Widgets en el menú de componentes a la izquierda.
- Desplácese hacia abajo y seleccione Código.
Paso 3 - Insertar el código en Website Builder
- Copie una de las siguientes muestras de código y péguela en el componente de código en Website Builder.
- Reemplace FULL PATH en la muestra de código con la ruta completa a su archivo de audio o vídeo.
- Haga clic en Guardar.
Elige una de las siguientes muestras, o crea tu propio código con la etiqueta HTML <audio> y la etiqueta HTML <video>. Recuerda reemplazar FULL PATH por la ruta completa a tu archivo de audio o video.
Audio:
Incruste un archivo de audio mp3:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Incruste un archivo de audio mp3 que comienza a reproducirse automáticamente:
<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Nota: Algunos navegadores limitan la reproducción automática de audio o vídeo, incluso si lo has añadido a tu código.
Video:
Incrustar un archivo de vídeo mp4:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>
Incruste un archivo de vídeo mp4 que comienza a reproducirse automáticamente:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>
Sugerencia: El tamaño predeterminado del video es 640x480. Puede cambiar el tamaño ajustando los números para ancho y alto en el código. También puede hacer que el video responda a la pantalla del espectador cambiando el ancho a "100%" (width="100%") y la altura a "auto" (height="auto").
Paso 4 - Guardar y publicar
- El componente ahora se habrá agregado a su espacio de trabajo. Arrastre el componente hasta donde debe ubicarse el archivo en su sitio.
- Haga clic en Vista previa para comprobar si se ve como desea.
- Si todo está bien, haga clic en Guardar y publicar para que los cambios sean visibles en línea.
Sugerencia: Agregue un componente de la caja a su sitio con las mismas dimensiones que su video y adjunte el componente de código a la caja. Hace que la colocación del audio o video sea más fácil de controlar. El tamaño del video está determinado por la altura y el ancho en el código HTML.
Artículos relacionados:
¿Fue útil este artículo?