- Videolightbox wp use image for thumb how to#
- Videolightbox wp use image for thumb install#
- Videolightbox wp use image for thumb pro#
Some browsers will only auto-play video if it is muted, so you have to decide between sound or auto-play. You probably don’t want to mute your video when it starts, but in some cases, you may have to. There are a few useful things you can do with shortcode options. Just use a Vimeo URL where we used the YouTube URL above. To popup a Vimeo video, the steps are the same. Save the page, and the button will be displayed.Ĭlick it, and the video popup goes into action. In the “Additional CSS Class(es)” field, paste the trigger class, wp-video-popup. Now while the button block is open, scroll down to the “Advanced” section in the right column.
Videolightbox wp use image for thumb how to#
Also, how to add a trigger using the classic WordPress editor.Īdd a button block and enter the button text. In the “Options for the Video Trigger” section below, I’ll show you other ways to trigger the popup. It may seem unusual, using a CSS class to trigger an action, but it’s not as complicated as it sounds.
![videolightbox wp use image for thumb videolightbox wp use image for thumb](https://amazingaudioplayer.com/wp-content/uploads/2013/09/barhtml5audioplayer.png)
The trigger is a CSS class (wp-video-popup) added to a link, button, image, etc. The second step is to add a trigger that will popup the video. If you don’t use the WordPress Gutenberg editor, paste the shortcode into the page using the classic editor. I’ll open the sample page for editing, and paste the shortcode into a shortcode block. So let’s add that shortcode with the video URL to a page.
![videolightbox wp use image for thumb videolightbox wp use image for thumb](https://www.frip.in/wp-content/uploads/WP-Video-Popup-Plugin.jpg)
![videolightbox wp use image for thumb videolightbox wp use image for thumb](https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/jquery4u/2011/06/jqVideoBox.jpg)
This is how it looks with a YouTube video URL: Just add the shortcode to a page or post. There’s no setup or configuration necessary to use the plugin. Once you have located the plugin, click the “Install Now” button. In the “Search plugins…” box, enter “WP Video Popup.” In the left column navigation, mouse over the “Plugins” link and click the “Add New” link.
Videolightbox wp use image for thumb install#
Let’s install the plugin and learn how to popup YouTube and Vimeo videos. So we’ll focus on creating popups that your visitor chooses to open. Auto-play is not always a great user experience though (and Google doesn’t like it).
Videolightbox wp use image for thumb pro#
The pro version of the plugin also has an option to play the video when a visitor loads a page. The plugin allows us to popup video when the visitor clicks a “trigger.” The trigger can be a link, a button, an image – any element to which you can add a CSS class. And it doesn’t create a connection to the video site until the visitor opens the popup-no more loading of unnecessary page elements. Using the WP Video Popup plugin, the video opens over the top of the rest of the page content. We should be doing all we can to decrease page load times, not to load things that may not be used.Ī video popup solves that problem. That will increase the time it takes to load the page. Maybe worse, embedding video creates a connection to the video site and loads a preview. It takes the visitor away from your site. That’s good for YouTube, but not so good for you. If a visitor wants to make the video larger, their only option is to click the “Watch on YouTube” link. There are a couple of drawbacks to that method, though.
![videolightbox wp use image for thumb videolightbox wp use image for thumb](https://magictoolbox.sirv.com/screenshots/wordpress-magic-thumb-code.png)
When you publish the page or post, the video will appear on the page. Thanks to the WordPress “auto-embed” feature, all you have to do is paste a video URL into the WordPress editor. Can’t You Just Embed YouTube Video?Įmbedding a video from YouTube or Vimeo in a WordPress page is easy. Rather than playing on the page, the video is brought to the forefront, where it’s the center of attention. If you want to present videos on your WordPress website, use a video popup to do it in style! A popup (also known as an overlay or modal) draws attention to the video content.