Hello,

I have a row in WP Bakery where I used AWB to self-host a background video, and enabled parallax (scroll, setting > 0). It isn’t working. I also tried adding a column inside the row and repeating the above setup, isn’t working.

Screenshots of the setup:

https://ibb.co/WynGyDY
https://ibb.co/G0RRzyx

Video correctly loading but parallax not working here: https://spacesmockups.com

Thank you!

Best,

Tim

Hi! I’m working on a site (not coded by me) which uses a function to enable only customized blocks created for the theme with ACF, but I’ve also been able to add back some core blocks, by adding their block slugs, as seen below.

But how do I get the “Background (AWB)” block to show up too? What is its block slug? Or is that even how this would be done?

Thanks!

function gutenburg_allowed_blocks( $allowed_blocks ) {
	$default =  array(
        'core/cover',
        'core/gallery',
        'core/video'
	);

	$acf_blocks = gutenburg_block_list();
	foreach ( $acf_blocks as $acf_block ) {
		$acf_array[] = 'acf/' . $acf_block['name'];
	}

	$blocks = array_merge($default, $acf_array);
	return $blocks;
}
add_filter( 'allowed_block_types', __NAMESPACE__ . '\\gutenburg_allowed_blocks' );

Hi. I’m loving using this plugin!

Just wondering if it’s possible to make the background image scroll horizontally instead of vertically when you scroll down a page?

Ideally just by adding a class or tweaking the settings as it wouldn’t be for all of the images.

Many thanks ??

I’m working on a site and the user needs to be able to update the background color / picture on the whole page. This is wordpress selfhosted with a domain of our own – standard WP editor – theme is wordpresses standard 2024 theme. Any help is appreciated.

Hi,

I contact with you because I′m using AWB background in the intro of my web https://incluya.art/, the problem I have is that the links appear at the begining of the video:

INICIO, SOBRE INCLUYA, SERVICIOS, ETC..

is there a way to hyde these links at the begining and show them at the end of the video?

Thanks and regards,

Ana

The video is cut off on the sides on the mobile version. Can you please tell me how to fix this?

Is there a way to play the audio to the video?

Hello,

I came across this plugin via a reference in the “Lazy Blocks” plugin, which I also like very much.

In AWB I was especially attracted by the note “srcset supported (i.e. Google love it)”.

During the first tests, I noticed that the img tag is generated with the srcset attribute, but the srcset has no effect. The full-size image is always loaded and displayed. According to chrome-developer-tools -> network, the image requested via srcset is loaded first and then additionally the full-size image (initiator: awb.min.js?ver=1.12.3:2). The behavior only changes when the parallax scroll speed is set to 1. Then the srcset works as expected, but there is no parallax scrolling effect.

In the Gutenberg editor, the setting “image size” (e.g. medium or large) displays the correct image size correctly in the editor, but is apparently ignored in the frontend and the full-size image is additionally loaded and displayed.

I have tested this by manually adding a label to all generated images indicating the size. I observed the behavior via the network tab in the chrome developer tools.

The additional registered image sizes (awb-….) are not usable at the moment and take up unnecessary space on shared hosts (remove_image_size?).

Best regards

Klaus

WordPress: 6.6.1

Theme: Kadence (child)

Advanced WordPress Backgrounds: 1.12.3

PHP: 8.1.10

We want to use the plugin as an alternative on video background on our homepage. But as we are trying to do this tutorial: https://almostinevitable.com/divi-tutorial-video-background-hero-section/ we faced a problem. We cannot use/see the button of AWB in the text module of Divi to generate a shortcode to use on the page. We also have tried the default gutenberg editor and still we cannot see a button from AWB to generate the shortcode. Please help us.

Hello there, just wondering is there an option to have the thumbnail loaded from youtube prior the video loading to cover the screen?

Apart from that 10/10 plugin

Best wishes

greetings! Wondering if anybody out there has had luck using AWB with a JetPack VideoPress integration for the creation of a video parallax effect?

Hi Support

I like to change the horizontal position of my background video more to the right, so that the text credit of the video on the left side is readable.

Hello,

The background video is showing up only 40 px high. I may be missing some of the options in the block editor cause I don’t see any way to adjust the height of the background video.

Please advise.

Thank you,

Andrey

Hi,
A year and a half ago I noticed after version 1.9.4 that the cool video background stopped extending over into the TOC column. The difference is pretty massive appearance wise. So I reverted back to 1.9.4 and all was good.
But… security and all that, so I updated today to current version, and the problem returned.
Something happened between these two versions that must have caused this.
Is there something I’m missing? I use this plugin on so many pages, I love it, but I’d hate to use old code.
It’s a standard theme (Twenty Seventeen) and I disabled other plugins. I’m going to revert back to 1.9.4 until this gets resolved (so the example page I provided is the preferable look – after 1.9.4 the TOC/widget column on the left has no background)

1.10.0 – Dec 27, 2022

• added IntersectionObserver to detect element in viewport (increased performance)
• added support for Youtube Shorts
• added support for Vimeo high quality thumbnails
• improved rendering of Featured Image – use faster method without DOMDocument

1.9.4 – Aug 29, 2022

• fixed error on widgets screen

• This topic was modified 7 months, 4 weeks ago by machinelf.

I have the plugin installed, but in the block editor when I select a block to add video background it says

“Install AWB plugin to set video backgrounds and images with parallax support.”

This was working and this block with a video background was working last week. The plugin is installed and it is the latest version.

https://snipboard.io/6QK3FH.jpg

Hello everyone!

?

I just installed AWB and I love all the settings in it, however, I can not get it to automatically change from “cover” to “contain” when the pages are on mobile. How can I make it responsive sitewide so I don’t have to hide/show every time I use it and set up so many blocks?

You can see one way I solved it on this page (view this on desktop then on mobile) But that was recreating every block, and hiding showing them. I have already put this plugin to work on several pages:

• This topic was modified 8 months, 1 week ago by James Huff. Reason: redundant link removed
• This topic was modified 8 months, 1 week ago by James Huff.

Hi, really cool plugin!

Is there anyway to flip the direction of the mouse parallax effect?

It’s really nice the way it is for almost all cases, but I’ve got this one use case where I’m looking for the opposite. Could lead to more flexible applications ??

The moment I activate you plugin, i get a white screen on my website saying there was a critical error.

I couldn’t use this plugins, i just started wordpress. Is there any requirements before i use this plugins?

Hi,

For YouTube videos can the ‘Custom?video?start & end time’ loop forever?
Thx, looks like a great plugin, haven’t tried it yet though.

Hi Nikita,
after our intro video finishes after 20 seconds and you scroll down the last picture of the video (we want to have this as the image of the hero section) disappears and the block shows only a black background.
How can I prevent the video from disappearing?
Kind regards
Holger

I’m sure you already know this, but Lighthouse is flagging this as a warning:

InstallTrigger is deprecated and will be removed in the future.?awb.min.js.

More than anything, I’m curious as to your thoughts on this. I’m not a developer, so I don’t know if this is one of those “eh, Lighthouse is being overly fussy,” or “yeah, this is serious” kinda things.

Ever consider offering full page functionality? Similar to this plugin: https://www.ads-software.com/plugins/webyx/

Hi there, amazing plugin! I am having issue with Safari showing or playing the background video. I did read some thread 2 years ago but wasn’t really helpful. What happens is the background image shows instead of the video. If anyone has a solution I would greatly appreciate it. I tried adding autoplay via javascript to the video element, but that doesn’t work. Thanks

I am trying to change image dimensions of AWB if page is loaded on mobile. Is there a way to do this? Example of desired result: https://www.icgnews.com/

Is this Possible? Thank you!

When i go to the back end, all style options are gone and instead i see the “Looking for other block settings? They’ve moved to the styles tab.” is present in it’s place.

When going to the styles tab (i.e half moon), there’s nothing there but typography, so you can no longer edit AWB blocks and they completely break any page that uses them.

This breaks anything that i use, color, videos, etc. are all broken and i cannot find a fix for this issue, no matter what options i try to use.

The only thing i’ve found to fix this, is to completely remove AWB blocks and replace them with grids instead, this is not a good solution.

Back end examples:

• This topic was modified 11 months, 4 weeks ago by dizzymediainc.
• This topic was modified 11 months, 4 weeks ago by dizzymediainc.
• This topic was modified 11 months, 4 weeks ago by dizzymediainc.

The plugin was working great, but now when I try to create or edit a block I get the following error: “This block has encountered an error and cannot be previewed.” I tried uninstalling and reinstalling the plugin. WordPress and the plugin are up to date.

Hi. Love the plugin! I’ve just got a slight issue with the background video on mobile, the video appears very blurry and a black line appears at the bottom, when you refresh it looks fine, then all of a sudden it jumps and goes blurry + line. Any idea what this could be and how I might rectify it?

Many thanks.

Robbie

Hi all,

just noticed on multiple sites that this plugin is not working anymore with version 6.4.1 of WordPress. It throws an error if you try to edit a page:

Uncaught TypeError: Cannot destructure property ‘compact’ of ‘window.lodash’ as it is undefined.

(details below)

Consequently the AWB plugin does not work and the block doesn’t show up in the Gutenberg block list.

Let me know if I can help.

kind regards,

Michael

load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.1:5 JQMIGRATE: Migrate is installed, version 3.4.1
index.min.js?ver=1699889806:2 Uncaught TypeError: Cannot destructure property ‘compact’ of ‘window.lodash’ as it is undefined.
at index.min.js?ver=1699889806:2:22586
at index.min.js?ver=1699889806:2:1639218
at index.min.js?ver=1699889806:2:1639221
(anoniem) @ index.min.js?ver=1699889806:2
(anoniem) @ index.min.js?ver=1699889806:2
(anoniem) @ index.min.js?ver=1699889806:2
autofill.js:7 *** undefined

One of my two WordPress sites suddenly no longer supports AWB – Help!

The site that works normally is?https://wakarusariver.com
The site that just stopped working is?https://fixyourbusinessyourself.org

They are both hosted by the same service and I believe have all the same basic settings.

The error message is: Your site doesn’t include support for the Background (AWB) block. You can try installing the block, convert it to a Custom HTML block, or remove it entirely.

PS I have clicked the Install Background (AWB) blue button in the error message, but it doesn’t fix anything.

Things I’ve checked (none of which fixed the problem):

1. deactivated and reactivated AWB
2. compared versions of WordPress, database, etc. between the two sites, everything I’ve checked is identical
3. deleted plug-ins that thought might cause conflict