Saltar a la navegación

Insertar una captura de pantalla de vídeo con una etiqueta de plantilla

No es posible reproducir un vídeo directamente dentro de un boletín. Lo que sí funciona bien es una captura de pantalla del vídeo con un botón de reproducción superpuesto. En cuanto el lector hace clic en ella, se abre el navegador y el vídeo se reproduce sin problemas.

En una plantilla HTML propia puedes colocar una captura de pantalla de este tipo con la etiqueta <lp-video>. Si trabajas con el editor drag & drop, utiliza el bloque «Vídeo»: ver Vídeo en tu boletín.

Insertar una captura de pantalla de vídeo con <lp-video>

Laposta solo necesita un enlace al vídeo en YouTube o Vimeo. La captura de pantalla se coloca automáticamente y, si quieres, puedes ampliarla o reducirla. Si aparecen barras negras en la captura de pantalla de YouTube, puedes leer cómo solucionarlo en Vídeo en tu boletín.

Por defecto, la captura de pantalla enlaza a la URL indicada del vídeo. En el editor también puedes indicar otra URL. Esto resulta útil si la captura de pantalla procede de YouTube, pero el vídeo está en otro lugar, por ejemplo, en tu propio sitio web. Si la etiqueta de vídeo se encuentra dentro de una etiqueta <a>, el editor utilizará ese enlace como valor predeterminado.

Atributos

Solo lp-width es obligatorio. Los demás atributos determinan qué puedes modificar en el editor.

lp-width

Obligatorio. Indica qué ancho debe tener la captura de pantalla.

lp-label

El valor de este atributo aparece en el editor encima del lugar donde puedes modificar el vídeo.

lp-src

Al rellenar la plantilla, el redactor puede introducir él mismo un enlace a un vídeo. Si quieres mostrar ya un vídeo por defecto, introduce aquí el enlace.

lp-resizable

Incluye este atributo si se permite modificar el tamaño de la captura de pantalla en el editor.

lp-max-width

Indica hasta qué ancho se puede ampliar como máximo la captura de pantalla.

lp-min-width

Indica hasta qué ancho se puede reducir como máximo la captura de pantalla.

lp-disable-href

Por defecto, puedes colocar un enlace detrás de la captura de pantalla. Si no quieres hacerlo, incluye este atributo.

Ejemplo

Este código muestra por defecto una captura de pantalla del vídeo en lp-src, con un enlace propio detrás. La captura de pantalla tiene 300 píxeles de ancho y puedes modificar su tamaño entre 200 y 400 píxeles.

<a href="http://example.net/pagina-con-video.html"><lp-video lp-width="300" lp-label="Coloca un vídeo" lp-src="http://www.youtube.com/watch?v=aLwf6s2xwlU" lp-resizable lp-max-width="400" lp-min-width="200" /></a>

Artículos relacionados