Skip to navigation

Een videoscreenshot plaatsen met een sjabloontag

Een video afspelen in een nieuwsbrief zelf kan niet. Een screenshot van de video met een afspeelknop eroverheen werkt wel goed. Zodra de lezer daarop klikt, opent de browser en speelt de video zonder problemen af.

In een zelfgemaakt HTML-sjabloon kun je zo’n screenshot plaatsen met de tag <lp-video>. Werk je met de drag & drop-editor, gebruik dan het blok ‘Filmpje’: zie Filmpje in je nieuwsbrief.

Een videoscreenshot plaatsen met <lp-video>

Laposta heeft alleen een link naar het filmpje op YouTube of Vimeo nodig. Het screenshot wordt automatisch geplaatst en kun je eventueel nog vergroten of verkleinen. Zitten er zwarte balken in het screenshot van YouTube, dan lees je in Filmpje in je nieuwsbrief hoe je dat kunt verhelpen.

Standaard linkt het screenshot naar de opgegeven url van de video. In de editor kun je ook een andere url opgeven. Dat is handig als het screenshot van YouTube komt, maar het filmpje ergens anders staat, bijvoorbeeld op je eigen website. Staat de video-tag binnen een <a>-tag, dan gebruikt de editor die link als standaardwaarde.

Attributen

Alleen lp-width is verplicht. De overige attributen bepalen wat je in de editor kunt aanpassen.

lp-width

Verplicht. Geeft aan hoe breed het screenshot moet worden.

lp-label

De waarde van dit attribuut staat in de editor boven de plek waar je de video kunt wijzigen.

lp-src

Bij het vullen van het sjabloon kan de redacteur zelf een link naar een video invoeren. Wil je alvast een standaardvideo tonen, vul de link dan hier in.

lp-resizable

Neem dit attribuut op als de grootte van het screenshot in de editor aangepast mag worden.

lp-max-width

Geeft aan tot welke breedte het screenshot maximaal vergroot mag worden.

lp-min-width

Geeft aan tot welke breedte het screenshot maximaal verkleind mag worden.

lp-disable-href

Standaard kun je een link achter het screenshot plaatsen. Wil je dat niet, neem dan dit attribuut op.

Voorbeeld

Deze code toont standaard een screenshot van de video in lp-src, met een eigen link erachter. Het screenshot is 300 pixels breed en kun je in grootte aanpassen tussen 200 en 400 pixels.

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

Gerelateerde artikelen