Discussion on Video & Parallax Backgrounds For WPBakery Page Builder (for Visual Composer)

GambitTech

GambitTech supports this item

Supported

This author's response time can be up to 1 business day.

378 comments found.

umaxim

umaxim Purchased

Hi I have a problem with Internet Explorer 11 with video background http://once.fstry.com/ What the problem can be ?

This shouldn’t happen with the YouTube Video Backgrounds. The Video Background should hide the YouTube logo when playing the video.

Do you mind if you send us a Sample Page with the said problem? This way, we can check it out and see what’s wrong. Thank you!

umaxim

umaxim Purchased

Sorry I uploaded to vimeo and got fine. But the problem is video not working on cell phones. Is it any way to fix it ?

Hi there! Video Backgrounds are disabled in mobile. Since mobile browsers can’t support Video Backgrounds yet. But as a workaround, you can set a background image using Row Settings or Row Background and use it as a fallback image for mobile. :)

Hi, just bought the plugin in. Please can I check is it possible to set the parallax backgrounds to be 100% full width? Or is it meant to do this automatically, or maybe there is a setting for this? At the moment on smaller screens the images seem to be zoomed in.

Hi there! Yes, it is possible to set the Parallax Backgrounds to be 100% Full-Width. You can set it by either setting your Row as Full-Width via Row Settings or by adding a Full-Width row.

Please do note that your theme or template should also allow full-width for this to work well. Usually, theme comes with a full-width template to allow this behavior. :)

Hello…

when using the video background, is there a hook available to modify the video used? The reason is that I have a bunch of videos I’d like to use and would like to choose them randomly from a list. So a hook would be helpful here…

Cheers, Guenter

See for yourself: www.animago.com

Thanks for showing us your site. We checked it and it doesn’t seem to randomize the video in our end. We’re not sure if you’ve changed your video background, or was it caching or the randomizer doesn’t work.

oh.. maybe a caching probem. I cleared the cache right now :)

This plugin looks exactly like what I’ve been looking for! :) I have one pre-purchase question: Can I use everything also within single (blog) posts (e.g. http://thechrisellefactor.com/2017/10/good-bye-minimalism/) or only on pages? Thanks!

Hi there! You can use the plugin both in pages, posts or custom post types. As long as the page or post type has enabled the Visual Composer’s Backend Editor. :)

Please do note as well that the display on your current post list is coming from Featured Images. The plugin will only add parallax, video background etc. inside the post itself. If you want it to be directly displayed in your archives, you might also need to do changes in your post archives.

Hello, I have a problem with a background image of a row which is not resizing on mobile view on iPhone. Hope you can tell me if your add-on for WPBakery can fix this?

See: http://www.feestuitjehoorn.nl/ scroll down to the row which starts with “uitje hoorn, bedrijfsuitje hoorn of bedrijfsfeest hoorn boekt u bij eenhoorn evenementen!” The problem is the background image of the city with statue. This image does not resize when seen on mobile devices.

I would like to know if your add-on can help me fix this before I purchase it.

With regards, Muriel Buis

Hi, I’ve just purchased your add-on for WP Bakery. The background image still shows too big in the container with “Uitje Texel, bedrijfsuitje Texel of bedrijfsfeest Texel boekt u bij Eenhoorn Evenementen!” ad header text. You can see the pixels and that isn’t what I want!

Hope you can help me fix this?

On mobile view I mean. Desktop looks great!

Have you tried using the recommended sizes for the background images? Looking at the image, the image might be too large (2163×1255) that scaling it down in mobile might cause pixellation. The recommended size is at least 1600px on width and 1000px on height. Please let us know if it helps. :)

It will be also very helpful if you can provide us a comparison so we’d know how it looks like your end as well.

I cannot for the life of me figure out how to make this video show properly. The top and bottom are cut off.

https://irstax.net/

Hi there,

There are two possible ways to fix this. One of them is by adjusting your Row Padding. You can change the padding and move the previous and next row to make the video look more visible. This can be done via Row Settings.

Another is that you can change the aspect ratio of your video via Video Background settings. This will adjust your video size accordingly if the video doesn’t show as a whole in the container. Using the Aspect Ratio Calculator may also come in handy on this one: https://calculateaspectratio.com/

Hi, I have a bit complex site and there´s at least 8 seconds loading time to start playing a video. Is there any way how to prioritize a loding to force wordpress to load video background as first ? thanks

Hi Moraviani! I’m sorry but there’s no actual way to the order of loading for the Video Background. The plugins are always loaded in alphabetical order, and the Youtube and Vimeo video will only load when the necessary scripts are loaded. In cases like this one, the best thing we can recommend to is to maintain the site and keep the loading time minimal as possible. Checking your site using Pingdom Tools will also provide you insights on which part of your site needs improvement. :)

not sure whats going on but definitely not working for me, bought this plug-in and the bundle package and it crashed my site. Followed your format via your demo site for video backgrounds and no dice….......not cool.

Hi there! We’re sorry about what you’ve encountered. But can you tell us more about what happened? How did it crashed your site? Did you receive any JS Error or prompts? We’d like to help you fix it. You can also file a ticket to http://support.gambit.ph/ providing the details and possibly a login to your site so we can check it for you. :)

mikheys

mikheys Purchased

Hello! I bought your supplement, but got an error. At me on a site on two pages on the top the cell with an element “full-height row” and video is inserted. But they work only after the page is reloaded. Ie when you click on the menu item “Prices” (penultimate menu item), then when you load a page from above, this block is not visible! When you press F5, the page reloads and everything works! Help solve the problem!

Hello! Thanks for purchasing our plugin! With regards to your concern where Video Background only works upon refreshing and doesn’t work when you click from another link (unless the page is refreshed). Does your site uses AJAX transitions or loader (dynamic loading) in your site by any chance?

This kind of problem usually happens with elements that uses JavaScript when loaded in an AJAX page. In this case, the first thing you might need to look out for is the theme or plugin responsible for the AJAX loading. The plugin or theme usually comes with an extra setting where you can include file names of the plugin or callback scripts or possibly to enable/disable them. Similar to this case exclusively for Qode Theme users: http://gambit.helpscoutdocs.com/article/160-qode-themes-integration

Alternatively, it will be best to consult this issue with the AJAX Theme/Plugin author regarding the matter so they can provide you further instructions on how you can integrate any JavaScript plugins with their theme/plugin.

If this may not be the case or if you need further help, you can also contact us via support at http://support.gambit.ph/ Please make sure as well that you can provide us a sample from your site so we can check on it. Thanks! :)

mikheys

mikheys Purchased

Thanks, that was it. Turned off AJAX and it all worked!

Hi! We’re sorry that you have to turn it off. But mostly, themes would provide an extra field to make it compatible with various plugins that uses JS.

Not working with my theme jupiter. Try both plugin, old and new but i can hear only music of my vimeo video. Please, fix it or refound me

We’re sorry to hear about what you’ve encountered. Its weird that only music is played but not the video. Have you checked by any chance if its actually the background color or something is covering the background video? If you can provide us a sample page, then that will be very helpful.

Also, we recommend you to file a Support Ticket in problems like this one. You can contact us via support at http://support.gambit.ph/ :)

Sorry, I’ve bought this plug for mobile video fullscreen background and I’ve read right now in the troubleshooting’s page that the fullscreen doesn’t show in mobile. So… this plugin is like a nothing for dinner to me.

Hi! If you’re refering to Video Background, sorry but Video Backgrounds from any plugin still can’t support mobile browsers. This is because the browser will always render embed videos into clickable videos. With this, we have to disable the Video Background for mobile. But you can still set a Background Image via Row Settings as a fallback for mobile.

I tried your demo page on a mobile but the parallax wasn’t working. I’m guessing it’s an issue with the demo not the plugin, can you confirm parallax works on mobile?

Hi! We believe that this is a problem with the demo tab. Can you try closing the demo tab (x button) and see how it goes? Thanks! :)

That worked, thank you!

You’re welcome! :)

Would we be able to create a hero image, with zoom and scroll, similar to https://www.magicleap.com/ using your plugin?

Hi there! This depends on how the hero images are created. This is because you can create Parallax and Video Backgrounds using WPBakery Page Builder. If the Hero Images are created using WPBakery Page Builder, then it is also possible to create Parallax and Video Backgrounds from the plugin. :)

Thanks for the quick reply. Would you mind showing an example of this functionality, either on your demo site or a youtube video? I’m planning to purchase licenses for your Super Bundle, https://codecanyon.net/item/super-bundle-for-visual-composer/20374176?s_rank=3 , but I need to reassure everyone involved.

Hi, sorry we don’t exactly have the other hero image theme/plugin you have. But to explain how our plugin works, we’re using WPBakery Page Builder backend in order for our plugin settings and functions to work. Our demo here: http://demos2.gambit.ph/parallax If you click on the Launch Demo, it will take you to the backend and show you how the demo was done and how to create a parallax and video background using our plugin.

The WPBakery Page Builder backend editor is available for Page, Post and Post Types. If you Hero Image is using a Post Type system and if the Post Type would allow using WPBakery Page Builder backend editor, then this is what we point out that it is possible to use the plugin. :)

Hi, i am using the plugin with North theme and it works but the video form Vimeo never starts automatically. I have to click on the screen to get it to start. I have changed all options, removed the plugin, etc and nothing works. Is there something i can do to get it to work? Thanks.

Hi there! With regards to the Video Background that doesn’t work with Safari, looks like a recent update from Safari browser (Safari 11) have disabled any autoplay videos with audio from autoplaying. Here are some relevant articles to read:
https://techcrunch.com/2017/06/05/auto-play-block/
https://answers.squarespace.com/questions/193656/are-banner-videos-officially-not-supported-in-safa.html

This means that muting your Video Background may fix the problem here. Please let us know if you still encounter this problem. Thanks!

Thanks, i’ve looked but can’t seem to find where to mute the video… is this something i need to do to the video itself or is it a setting from the plugin?

The mute option can be found via Video Row Background Settings when you add a Video Row Background Element. Here’s a preview of how the setting looked like: https://image.prntscr.com/image/l4NkBKnwQxCKXrmSHo6jEw.png

I just want to say Gambit Tech, I hadn’t used this plugin since I first purchased and just remembered it and was THE ONLY thing that solved a client issue who desperately wanted smooth mobile parallax (not available on the Salient Theme) Couldn’t be easier to use (no idea why there are a few bad reviews, it’s amazing!) Left Right Up Down Fixed all EASY! THANK YOU!! Will purchase again for the next client needed for! #PRICELESS!!

The multilayered Parallax are created separately using the Parallax Row Background element. We linked you to the demo, since we have an existing demo page that uses it as a sample. You can see how its done in the backend when you click on the page titled Parallax Background Copy: https://image.prntscr.com/image/AgR0k7YyS42HMPv0l9Zb6g.png

The top-most part of the said page is a sample of multilayered parallax. :)

Ahhh Now I get IT #AWESOMESAUCE!!

That’s cool, Sterling! :) Have a great day!

Looking for some insight… we currently are using a video on a website but also have a fallback image for mobile devices. The fallback image is popping up before the video appears on desktop. Is there a way to stop this from occurring? Please advise. Thank you!

Hi there! The background image fallback should also work as a filler image when your video is still loading up. If you want to remove it exclusively for desktop, you can add this Custom CSS:

@media only screen and (min-width: 1025px) { .custom-class .vc_row { background-image: none !important; } }
Please note to add a Custom Class name in your Row Settings and use it as a reference in the Custom Class in CSS. :)

Please let us know how it goes!

Hi, im really keen on this to add a vimeo video background (instead of YT) to my site but I want to know if its compatible with Massive Addons which also adds some row and a fallback video option. Thanks

We’re sorry, but our demo site doesn’t exactly allow testing with other plugins. But at the very most, it will give you a better idea on how it works. If you still want to try our demo backend, you can access it via Live Preview then clicking on the Launch Demo.

Also, please do note that Video Backgrounds aren’t supported for mobile browsers yet. It is normal that they will convert the videos into clickable formats. With our plugin, instead of converting it into a clickable video, we hide the entire video instead. This way, our users can use the Row Background image as a fallback for mobile devices. :)

Ok, all bought, installed and think ive got it but now a question. How can I have a fallback background image AND set the video opacity (so the video appears darker) without the background image also appearing. At the moment if I set an opacity. See our dev site for an example (top banner, bottom is still using old method). https://dev.mintyslippers.com

Hi Danny! About your question, aside from the background being used as a fallback, it also appears shortly as a filler image while its being loaded, then it goes at the back after loading. With the result you want, we believe that you might want to remove the background image in desktop, then it will just appear when the page is loaded in mobile.

With this, we suggest adding a Media Query CSS in your Page Settings. Here’s what you’ll need: @media only screen and (max-width: 1024px) { .custom-class .gambit_background_row_inner { background-image: none !important; } }

This will remove the background when the width reaches the screen width of desktop but will still appear on smaller screen widths like mobile.

As for the opacity, you can proceed on adding opacity via Video Background settings. :)

Hi. I know a recent safari update messes with autoplay background videos but for some reason Youtube videos play fine but Vimeo does not. any way to have whatever its doing for YT do the same on Vimeo? Your own demo site uses YT and works just fine and I can do the same but the moment I switch to vimeo, even with the autoplay=1 it doesnt work. Thanks

Hey Danny, have you tried muting your vimeo videos? Normally, the autoplay should still work as long as the video is muted. :)

If muting the video didn’t resolve the issue, we advice that we tackle the issue to our support site at http://support.gambit.ph/ please tell us your Safari and Mac OS version so we can emulate the environment you’re using when viewing your page. Thanks!

Hi, Is it possible to have the video background only play in one half of a row e.g. in the 2nd column and not the entire width of the row?

Yes, this is possible. You can divide your row into columns and add an inner row inside it, then you can add the Video Background inside the inner row. :)

Doing so will constraint your video on one side. Please take our live preview as an example: http://demos2.gambit.ph/parallax you can also click on the Launch Demo so you can see the live preview in the backend.

by
by
by
by
by
by