How to add a poster image for HTML5 video lightbox?

Product:

WonderPlugin Lightbox

Question:

I wonder how can I add a poster image for HTML5 video lightbox?

Answer:

The HTML5 poster image feature is available in WonderPlugin Lightbox version 4.0 and above. If you are using an old version, please upgrade your plugin first.

In the plugin, Lightbox Options menu, there is an option "Video poster image (absolute URL)", you can use the option to specify a poster image for all HTML5 videos.

Or you can use a data tag data-html5videoposter to specify a poster image for the lightbox link, for example:

Video Lightbox

The HTML code is as following:

<a href="https://www.wonderplugin.com/wp-content/plugins/wonderplugin-lightbox/images/demo-video0.mp4" class="wplightbox" data-webm="https://www.wonderplugin.com/wp-content/plugins/wonderplugin-lightbox/images/demo-video0.webm" data-html5videoposter="https://www.wonderplugin.com/wp-content/uploads/2014/03/gallery.jpg">Video Lightbox</a>

DailyMotion WordPress Video Gallery

Product

WordPress Gallery

Question

When searching for a WordPress plugin Embedded Video player that supports Dailymotion, your site always comes up as being DailyMotion compatible. How do I display videos which I have on my DailyMotion profile?

Answer

Our plugin WordPress Gallery supports DailyMotion.

1. In your DailyMotion video page, click the link Export, then copy the Permalink.

2. In WonderPlugin Gallery, step 1, click the button Add DailyMotion, enter the link and add the DailyMotion to the video gallery.

DailyMotion WordPress Gallery

Disable right click on HTML5 video

Product

WonderPlugin Gallery

Question:

I need to deactivate the functionality which occurs when you right click on a video. It gives you the option to ‘download video’ I need to turn this off for copyright reasons. I know there are always ways and means to download video content if you want it badly enough, but having a download option when you right click is something I really need to turn off!

Answer:

The right click menu is a function of the web browser. To disable it, you can try to add the following JavaScript to the head section of your web page, just before the </head> tag.

jQuery(document).ready(function(){
   jQuery('video').bind('contextmenu',function() { return false; });
});