We do not offer the shortcode generator in native every page builder that is out there, as there are a lot of page builder. only gutenberg cornerstone wpbakery page builder To setup the shortcode go to video gallery > settings > shortcode generator Then paste the shortcode in a […]
How to customize big play button
Go to Video Gallery > Settings > Appearance and enter in extra css body .vplayer .big-play-btn{ opacity: 0.5; background-color: #da0000; width: 150px; height: 150px; } body .vplayer:hover .big-play-btn{ opacity: 0; visibility: hidden; } Some basic css to change opacity, background or size
Why thumbnail might be wrong for facebook share specific video in gallery
The problem is that you have another og:image instance <meta property=”og:image” content=”https://staging1.clarkcountylive.com/wp-content/uploads/2018/04/gnome-fairy_600.jpg” /> <meta property=”og:image:width” content=”600” /> <meta property=”og:image:height” content=”315” /> set by theme / another plugin and this is the part from video gallery <meta property=”og:url” content=”https://staging1.clarkcountylive.com/dzs-gall-shortcode/?the-video-exampleyoutubevideos=1” /><meta property=”og:title” content=”Youtube 1111” /><meta property=”og:description” content=”content here in the description area in edit gallery” /><meta property=”og:image” content=”http://img.youtube.com/vi/9_P9NYpQHdM/0.jpg” […]
Videos slow down page load
The gallery is not slowing down page load, but preloading many videos might. If the video is below the fold video gallery Go to video gallery settings > Miscellaneous > and set Initialize on to scroll and now the gallery will initialize when the gallery is visible video player IN the […]
How to place controls for skin_pro outside of the player / outset controls
Go to video gallery > settings > appearance and write this in Extra CSS body .vplayer.skin_pro .vp-inner{ overflow: visible; } body .vplayer.skin_pro .scrubbar{ bottom:0; } body .vplayer.skin_pro{ margin-bottom: 30px; } .vplayer.skin_pro .the-video{ object-fit: contain; } body .vplayer.skin_pro .controls{ bottom: auto; top: 100%; } controls will now below the video.
how to display adsense ad , iframe in video player / video playlist
example code: <iframe src=”https://zoomthe.me/knowledge-base/video-gallery/knowledge-base/how-to-display-adsense-ad-iframe-in-video-player-video-playlist/”></iframe>
How to set video gallery to remember volume ? / set default volume
Go to Video gallery > Player configurations Scroll to default volume Put there last if you want the player to remember last volume Or a value 0 – 1
How to access statistics for videos ( stats )
You will have stats button here, under each single player you need to be logged in
How to open gallery in lightbox
Use this shortcode [videogallerylightbox id=”example_youtube_videos-11″ gallerywidth=”800″ galleryheight=”300″ ]<img class=”alignnone size-full wp-image-17″ src=”https://zoomthe.me/themedemo-dzsvg/wp-content/uploads/2014/07/t1.jpg” alt=”t1″ width=”270″ height=”181″ />[/videogallerylightbox] replace with your id how to setup in gutenberg you can use a custom html block
How to center scroller showcase items
Go to video gallery > settings > apperance and in extra css enter .mode-scroller .thumbsClip{ text-align: center; }