WP Video Lightbox Plugin
door Tips and Tricks HQ
Eerste keuze voor een video lightbox. Geeft geen related video’s op het einde en kan automatisch de thumbnail van de video gebruiken. De grootte van de video kan je bepalen met de width en height waarden.
Voorbeeld met een text link
[video_lightbox_youtube video_id=”G7z74BvLWUg&rel=0″ width=”640″ height=”480″ anchor=”Klik hier voor de video”]
Voorbeeld met een thumbnail image
[video_lightbox_youtube video_id=”G7z74BvLWUg&rel=0″ width=”640″ height=”480″ auto_thumb=”1″]
De grootte van de thumbnail (standaard 300x250px) kan je ook aanpassen:
1. Open de “wp-video-lightbox.css” file (in de root directory van de plugin – /wp-content/plugins/wp-video-lightbox/).
2. Verander de “wpvl_auto_thumb_box” en “video_lightbox_auto_anchor_image” classes naar jouw gewenste grootte (voorbeeld: 600x450px).
.wpvl_auto_thumb_box{
position: relative;
width: 600px;
height: 450px;
}
.video_lightbox_auto_anchor_image{
width: 600px;
height: 450px;
}
3. Pas de waarden aan van de “wpvl_auto_thumb_play” class om de play button in het midden te krijgen. Voor een 600x450px thumbnail, pas de waarden aan als volgt:
.wpvl_auto_thumb_play{
position: absolute;
left: 201px;
top: 144px;
}
WP Video Popup Plugin
Door David Vangries
Tweede keuze voor een video lightbox.
https://wp-video-popup.com/docs/advanced
Gebruik de shortcode:
wp-video-popup video="https://www.youtube.com/watch?v=YlUKcNNmywk" of voor een Vimeo video wp-video-popup video="https://vimeo.com/136696258"
en link (gebruik enkel # als link) dan een tekst of een afbeelding en geef de tekst of afbeelding de class “wp-video-popup”.
[wp-video-popup video=”https://www.youtube.com/watch?v=YlUKcNNmywk”]
Play video