Elemento de Vídeo

Acerca del Elemento de Vídeo

A diferencia de la versión 6, la última versión del editor combina varios elementos de vídeo, como YouTube y Vimeo, en un único elemento de Vídeo .

Con esta característica actualizada, los usuarios pueden mostrar fácilmente vídeos en varios tipos de páginas y personalizarlos para captar rápidamente la atención de sus clientes.

¿Cómo Agregar un Elemento de Vídeo?

Paso 1: Abra la Editor de GemPages y seleccione una página para editar. Encuentre el elemento de Vídeo en la barra lateral izquierda bajo la sección Media, o use la barra de búsqueda para un acceso rápido.

Paso 2: Arrastre y suelte el elemento en cualquier posición que prefiera.

Cuando haga clic en el elemento de Vídeo, sus opciones de configuración aparecerán en la barra lateral izquierda. Estas opciones se explicarán en las siguientes secciones.

Configurar la Pestaña de Configuración

La función Configuración le da control total sobre cómo se muestra y se comporta su vídeo en su página, incluyendo:

Fuente de Vídeo

• Tipo: Elija su plataforma de vídeo: YouTube, Vimeo o Video hosting (cargar vídeos directamente en Shopify o usar enlaces de alojamiento externos).
• Enlace de vídeo: Pegue la URL del vídeo o el enlace de alojamiento.
• Miniatura: Cargue una imagen de vista previa personalizada que se muestre antes de que se reproduzca el vídeo (especialmente útil cuando la reproducción automática está desactivada).
• Iniciar vídeo en: Elija el punto de inicio para su vídeo. 
• Finalizar vídeo en: Elija el punto final para su vídeo.

A continuación se presenta una guía paso a paso para cargar su propio vídeo en Shopify utilizando Shopify CDN (Red de Entrega de Contenidos) como servidor.

Paso 1: Vaya a Administración de Shopify > Contenido > Archivos.

Paso 2: Haga clic en el botón "Cargar archivos” en la esquina superior derecha. Si no ha cargado ningún archivo aquí, el botón "Cargar archivos” aparecerá en el medio de la pantalla.

Paso 3: Seleccione el archivo para cargar desde su dispositivo.

Paso 4: Después de finalizar la carga, copie la URL haciendo clic en el ícono de cadena .

Regrese al Panel de Control de GemPages y pegue el enlace copiado en el cuadro Weblink.

Configuración de Vídeo

Controle cómo se comporta su vídeo cuando se carga en la página:

• Barra de control: Active o desactive los controles del reproductor de vídeo (reproducir, pausar, barra de progreso, etc.).
• Sonido: Active/desactive el sonido por defecto.
• Carga diferida: Cargue el vídeo solo cuando esté en la ventana gráfica para mejorar la velocidad de la página.
• Reproducción automática: Reproduzca automáticamente el vídeo cuando se cargue la página.
• Vídeo en bucle: Repita el vídeo en un bucle continuo.

Nota:

• Los vídeos de YouTube no se reproducirán automáticamente cuando la carga diferida esté activada.
• Tenga en cuenta que ciertos navegadores han implementado restricciones sobre la reproducción automática. En tales casos, su vídeo volverá a la imagen en miniatura, requiriendo que los espectadores hagan clic manualmente en reproducir para iniciar la reproducción.
• Activar el sonido de su vídeo también podría resultar en que la reproducción automática se desactive.

Tamaño

Marco: Seleccione la relación de aspecto de su vídeo, incluyendo cuadrado, 3:2, 4:3, 16:9 y 21:9.

Forma

Dé estilo al marco de su vídeo utilizando estas opciones:

• Borde: Agregue un borde alrededor de su vídeo. Establezca color, grosor y estilo de trazo (sólido, discontinuo, punteado).
• Esquina: Redondee los bordes del marco de su vídeo ajustando el radio. Puede modificar todas las esquinas a la vez o individualmente.
• Sombra: Agregue un efecto de sombra para profundidad o enfoque. Configure:
  • Tipo: Interior, exterior, centrada, direccional
  • Dirección: Establezca el ángulo de la sombra (por ejemplo, 45°)
  • Color, Distancia, Desenfoque y Tamaño

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la Avanzado y siga las instrucciones de este artículo.

Preguntas frecuentes sobre Video Element

Cómo agregar un video Vturb en GemPages

Puedes insertar un vídeo de Vturb en GemPages usando el Código Personalizado .

Paso 1: Obtén tu código de inserción de Vturb

• Vaya a su Panel de control Vturb
• Seleccione el vídeo que desea utilizar
• Haga clic en Insertar / Compartir
• Copia el código de inserción completo

Paso 2: Añadir el elemento Código personalizado en GemPages

• Abre tu página en Editor de GemPages
• Arrastrar el Código Personalizado elemento en su diseño

• Seleccione la HTML/Líquido . Puede

Paso 3: Pegue el código de inserción.

• Pegar el Código completo para insertar Vturb en el campo HTML/Liquid
• Haga clic en Guardar y luego en Publicar

Notas importantes:

• Siempre use el Código de inserción generado desde tu cuenta de Vturb
• No reutilice ni modifique el ID de otro video.
• Asegúrese de que el video esté publicado y activo en Vturb