Tagged: embedded, LayerSlider, Lightbox, video
-
AuthorPosts
-
September 19, 2016 at 7:02 pm #688672
Hi Enfold Support,
We’d like to have a brightcove video be embedded into one of our layerslider slides but it keeps opening a new tab or window instead of playing within a pop up like the YouTube or Vimeo videos do. Are there any coding tricks or tips you have so the video presentation appears in a lightbox pop up window style? Thanks for your help!September 22, 2016 at 5:34 am #690051Hi Eric!
Thank you for using Enfold.
I’m sorry but the lightbox script do not support embedded video players such Wistia, or the one that you’re currently using, by default. We can enable it but you have to modify one of the parent theme files. Edit the js > avia.js file, look for this code around line 924:
autolinkElements: 'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]', videoElements : 'a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
.. replace it with:
autolinkElements: 'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"], a[href*="bcove"], a[href*="brightcove"]', videoElements : 'a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"], a[href*="bcove"], a[href*="brightcove"]',
Regards,
IsmaelSeptember 22, 2016 at 6:32 am #690077Thanks Ismael. Will give it a try. Will the changes be overwritten after a major theme update?
September 22, 2016 at 7:36 am #690120Hi!
Yes, unfortunately, it will be overwritten on update and you can’t do this modification in the child theme. Please create a change log or a note about the modification in case you update the theme. You can also look into the MagnificPopup documentation, maybe you will find something to initialize the video link by itself.
// http://dimsemenov.com/plugins/magnific-popup/documentation.html
Related thread:
// https://kriesi.at/support/topic/lightbox-9/#post-669472
// https://kriesi.at/support/topic/iframetrue-not-working-with-menu-items-in-secondary-menu/#post-684843Cheers!
IsmaelSeptember 22, 2016 at 6:54 pm #690369Gotcha. Thanks!
There is a wordpress plugin that may work although I always try to avoid another plugin when adding functionality to one of our sites. Here’s one but if you know of any that have great support and a solid developer community (git repo?), that would be awesome: https://wordpress.org/plugins/wp-video-lightbox/Interestingly when you use youtube’s URL structure of https://www.youtube.com/watch?v=%5BvideoID%5D, layerslider and or enfold creates the lightbox presentation. Unlike if you use the embed option and place the code in the html/video/audio tab within enfold. When doing that the player is embedded but has poor performance, audio keeps playing if you go to next slide and other issues. Thanks for your help!
September 27, 2016 at 11:18 am #692118Hi,
you can find a recommended plugin list for Enfold here: https://kriesi.at/support/topic/recommended-plugins/
If you need some help on your website, send us some precise link where we can see the elements you’re talking about. Could not find any videos which have poor performance on the link you’ve provided.
Best regards,
AndySeptember 27, 2016 at 6:22 pm #692370It’s the first webinar video on the home page for the IAB. Notice how the video loads another window instead of how the rest of the videos (video icon box and other webinar in the webinar icon box), load up within a lightbox. We’ll look at using the video lightbox plugin i mentioned above. If not we’ll just have brightcove video spawn a new window. Thanks!
September 30, 2016 at 12:49 pm #693653Hi,
which webinar video? IAB? where exactly? I can’t see it. Please always provide us screenshots to make things clear for us.
However, it sounds to me as if you would need to talk to plugin’s author instead. If he can’t help you then a feel free to hire a freelance developer for this job: http://kriesi.at/contact/customization
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.