Zur Navigation springen

Einen Video-Screenshot mit einem Vorlagen-Tag einfügen

Ein Video direkt in einem Newsletter abzuspielen, ist nicht möglich. Ein Screenshot des Videos mit einer darübergelegten Wiedergabeschaltfläche funktioniert hingegen gut. Sobald der Leser darauf klickt, öffnet sich der Browser und das Video wird problemlos abgespielt.

In einer selbst erstellten HTML-Vorlage können Sie einen solchen Screenshot mit dem Tag <lp-video> einfügen. Wenn Sie mit dem Drag & Drop-Editor arbeiten, verwenden Sie den Block „Video“: siehe Video in Ihrem Newsletter.

Einen Video-Screenshot mit <lp-video> einfügen

Laposta benötigt lediglich einen Link zum Video auf YouTube oder Vimeo. Der Screenshot wird automatisch eingefügt und kann bei Bedarf noch vergrößert oder verkleinert werden. Falls im YouTube-Screenshot schwarze Balken zu sehen sind, lesen Sie unter Video in Ihrem Newsletter, wie Sie das beheben können.

Standardmäßig verlinkt der Screenshot auf die angegebene URL des Videos. Im Editor können Sie auch eine andere URL angeben. Das ist praktisch, wenn der Screenshot von YouTube stammt, das Video sich aber an einem anderen Ort befindet, beispielsweise auf Ihrer eigenen Website. Steht das Video-Tag innerhalb eines <a>-Tags, verwendet der Editor diesen Link als Standardwert.

Attribute

Nur lp-width ist erforderlich. Die übrigen Attribute legen fest, was Sie im Editor anpassen können.

lp-width

Erforderlich. Gibt an, wie breit der Screenshot werden soll.

lp-label

Der Wert dieses Attributs steht im Editor über der Stelle, an der Sie das Video ändern können.

lp-src

Beim Ausfüllen der Vorlage kann der Redakteur selbst einen Link zu einem Video eingeben. Wenn Sie bereits ein Standardvideo anzeigen möchten, tragen Sie den Link hier ein.

lp-resizable

Fügen Sie dieses Attribut hinzu, wenn die Größe des Screenshots im Editor angepasst werden darf.

lp-max-width

Gibt an, bis zu welcher Breite der Screenshot maximal vergrößert werden darf.

lp-min-width

Gibt an, bis zu welcher Breite der Screenshot maximal verkleinert werden darf.

lp-disable-href

Standardmäßig können Sie einen Link hinter dem Screenshot hinterlegen. Wenn Sie das nicht möchten, fügen Sie dieses Attribut hinzu.

Beispiel

Dieser Code zeigt standardmäßig einen Screenshot des Videos in lp-src mit einem eigenen Link dahinter an. Der Screenshot ist 300 Pixel breit und lässt sich in der Größe zwischen 200 und 400 Pixeln anpassen.

<a href="http://example.net/seite-mit-video.html"><lp-video lp-width="300" lp-label="Video einfügen" lp-src="http://www.youtube.com/watch?v=aLwf6s2xwlU" lp-resizable lp-max-width="400" lp-min-width="200" /></a>

Verwandte Artikel