Excellent !!! Responsive !!! I Used it with SiteOrigin PageBuilder
-
I searched for a lightbox for videos a lot
It works excellent !
The thumbnail is responsive if you give it a CSS :
.wp-colorbox-youtube img {
width:100%;
}you can use the autothumbnail like this
[wp_colorbox_media url=”https://www.youtube.com/embed/YE7VzlLtp-4?autoplay=1″ type=”youtube” hyperlink=”http://img.youtube.com/vi/YE7VzlLtp-4/maxresdefault.jpg”%5Das you see you need to put the embed adress of the youtube video
or just copy the part of the youtube video adress after https://www.youtube.com/watch?v=
and replace the ‘YE7VzlLtp-4’ in the above shortcodefor automatic play use:
?autoplay=1
if you want the video to start and/or end at a particular time
enter the time in seconds like (121 = for 2min 1sec)
?start=121&autoplay=1Great PlugIn !!!
-
for images use the format:
<p><code class=”plain plain”>[wp_colorbox_media url=”” type=”image” hyperlink=””]</p>
example of an image:
<p><code class=”plain plain”>[wp_colorbox_media url=”https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Chocolate%28bgFFF%29.jpg/375px-Chocolate%28bgFFF%29.jpg” type=”image” hyperlink=”https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Chocolate%28bgFFF%29.jpg/375px-Chocolate%28bgFFF%29.jpg”%5D</p>The thumbnail is responsive if you give it a CSS :
/* this is for the thumbnails of wordpress-colorbox-plugin to be responsive */
.wp-colorbox-youtube img , .plain img{
width:100%;
}
- The topic ‘Excellent !!! Responsive !!! I Used it with SiteOrigin PageBuilder’ is closed to new replies.
