Videolightbox tutorial code#
Flexiblity of using both shortcode/html code to pop up media in lightboxįor video tutorial, screenshots, detailed documentation, support and updates, please visit: WP Video Lightbox plugin page Usage.Enable privacy-enhanced mode in a YouTube video.Disable suggested videos at the end of a YouTube video.This is great if you have SSL installed on your site Automatically retrieve the thumbnail for your video and embed in lightbox.
IE6 fallback: compatibility fallback for IE6.Keyboard shortcuts: Set to false if you open forms inside prettyPhoto.Overlay gallery max: Maximum number of pictures in the overlay gallery.Overlay gallery: If this enabled, a gallery will overlay the fullscreen image on mouse over Login to wp-admin or dashboard, and then go to Plugins -> add new, search for WP Video Lightbox that is By Tips and Tricks HQ, Ruhul Amin, and then click the.
Videolightbox tutorial update#
Allow resize: Resize the photos bigger than viewport.Animation speed: fast / slow / normal.Enable prettyPhoto: Check this option if you want to use the prettyPhoto library.The settings menu can be accessed from “Settings->Video Lightbox->prettyPhoto”. Once you have installed the plugin you can configure some options to customize the popup. You need to replace the value of “alt” with your own description of the image. It helps Search Engines understand what this image is about. When you are using a thumbnail image as the anchor, you can describe it using the “alt” parameter in the shortcode. Optimizing the SEO of your Thumbnail Image You can also control the size of the lightbox window by customizing the width and height parameters. You need to replace the value of “video_id” with your actual YouTube video ID. You can embed a YouTube video using the following shortcode in a WordPress post or page:
When a user clicks on the anchor text/image your vimeo video will pop up in lightbox. At the first step, you add a video clip, for example cut-n-paste YouTube url, then select the template for video popup and video thumbnail appearance and, at the final step, publish the result to a local drive or directly to the Internet via a built-in FTP client. You need to replace the value of “video_id” with your actual vimeo video ID. All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. You can embed a vimeo video using the following shortcode in a WordPress post or page: The embedded videos can be viewed on iPhone and iPad too. This plugin can be used to display images, flash, YouTube, Vimeo, iFrame etc in a lightbox overlay.
Videolightbox tutorial free#
As always, if you have any question, feel free to leave a comment below, or if you have a better solution, please let me know.The WordPress Video Lightbox plugin allows you to embed videos on a page using lightbox overlay display. Hopefully, this short tutorial is clear for anyone who is having trouble to setup a video lightbox on his or her WordPress site. For example, you have Vimeo of /97360486, 97360486 will be the video ID number.įor the text display, you can use the following shortcode:įor the image display, you can use the following shortcode:Īs you can see, it is quite easy to implement a video lightbox in WordPress. Similarly, if you want to use lightbox on a Vimeo video, the first thing you need to do is find out the video ID, which should just be numbers if you look at your Vimeo url. So instead of text, you can simply replace it with image url. To to do that, you just need some adjustments to the shortcode: However, what if, you want to display an image, so that when people are clicking on the image, and the lightbox video will be displayed. In this video we look at the integrated Lightbox in Avada, and the ways you can style it and call it from various Elements. You can adjust width number and height number to whatever numbers to fit your requirements.Īs you can tell, the above shortcode is interpreted so that when people are clicking on “click here to open YouTube video”, and the lightbox video will be displayed.
0 kommentar(er)
