[rz] Background Video *** UPD 2020-Mar-17 ***

[RZ] · Post by **[RZ]** » Thu Dec 24, 2015 5:56 pm

[rz] Background Video v1.0.6

This extension adds proportional full sized background videos to almost any object.

Some features:

- RWD and multi-instance.
- HTML5 with many fallbacks.
- Fallback resizable "paper" image.
- Custom volume/mute.
- Tint simulation and patterns.
- Zoom for "empty bands" compensations.
- Delays for start/end/loop.
- Seamless loop mode.
- Video deactivation breakpoint.
- Selectable target options.
- Lightweight, no dependencies, no jQuery.

...and more!

* New in version 1.0.6

- Default behavior or force media playing on mobile devices.
- Improved buttons symbols uniformity across platforms.

* New in version 1.0.5

- Space around the instance in percentages and/or pixels; this allows to setup the background areas to not be covered.

* New in version 1.0.4

- Selectable specific scripts for new wb14 Carousel variants.
- Always playable video fallback in two modes for new Chrome policy (Apr 2018).
- Minor script improvements.

* New in version 1.0.3

- Optional, automatic and customizable button for sound/mute the background video.
- Extended sound level and mute handling at startup.
- Extended opacity variants for the optional buttons.

* New in version 1.0.2

- Optional, automatic and customizable button for play/pause the background video.

* New in version 1.0.1.2

- Improved startup on advanced scenarios.
- Improved behavior on [rz] Adaptive Framework and [rz] Block Framework.

* New in version 1.0.1.1

- Fixed a Safari mute status bug.
- Fixed a loop cycle issue due to a Safari bug.

* New in version 1.0.1

- New optional fading-in start mode.
- Improved delay-on-end timing.

HTML5
W3C compliant

DEMO

How to use?

1. Design your page with its elements.
2. Drag and drop an extension instance.
3. Open the properties dialog and enter the video files and an image (and, optionally, you can customize the behavior and other parameters).
4.a. For layers background: Drag the extension instance and drop it within the layer.
4.b. For page background: Drag and drop the extension instance in the page.
4.c. For other objects background: Enter the id of the object you want to have the background.
5. Preview or publish.

Enjoy!

zinc · Post by **zinc** » Sun Dec 27, 2015 5:13 pm

Another superb piece of work!!!! Well done

[RZ] · Post by **[RZ]** » Sun Dec 27, 2015 5:19 pm

thanks for your kind feedback

[RZ] · Post by **[RZ]** » Thu Feb 25, 2016 10:42 pm

* New in version 1.0.1:

- New optional fading-in start mode.
- Improved delay-on-end timing.

[RZ] · Post by **[RZ]** » Tue Mar 22, 2016 7:12 pm

* New in version 1.0.1.1:

- Fixed a Safari mute status bug.
- Fixed a loop cycle issue due to a Safari bug.

[RZ] · Post by **[RZ]** » Wed Mar 30, 2016 11:46 am

* New in version 1.0.1.2:

- Improved startup on advanced scenarios.
- Improved behavior on [rz] Adaptive Framework and [rz] Block Framework.

mlsto · Post by **mlsto** » Mon Aug 01, 2016 9:21 pm

RZ looking at your video background, does it work with YouTube and what if I do not want a full page video but a full width does it work. Also text on the video can this be done?

[RZ] · Post by **[RZ]** » Mon Aug 01, 2016 9:27 pm

the extension can work even depending on its container settings
so you can drag and drop it within a fullwidth layer if you want
about the youtube part, it is not supported within this one (it is currently a different extension)
in the next version extended support for youtube will be added (and most probably the other extension will be replaced)

[RZ] · Post by **[RZ]** » Tue Aug 23, 2016 8:42 pm

* New in version 1.0.2

- Optional, automatic and customizable button for play/pause the background video.

tsunamitommy · Post by **tsunamitommy** » Sun Jan 01, 2017 4:17 am

I may not be the brightest light in the lamp but I was wondering where the link was for me to get this extension. Any and all help would be greatly appreciated. Thanks

[RZ] · Post by **[RZ]** » Sun Jan 01, 2017 4:24 am

hello
extensions are sent upon payment
you can shop here: www.magnawebstudio.com/shop
with regards

tsunamitommy · Post by **tsunamitommy** » Sun Jan 01, 2017 4:39 am

[RZ] wrote:hello
extensions are sent upon payment
you can shop here: http://www.magnawebstudio.com/shop
with regards

I looked there and did not see the extension, that is why I was asking. Thanks for the quick reply

[RZ] · Post by **[RZ]** » Sun Jan 01, 2017 4:46 am

extensions are there
have you been looking at the [single] option in the menu at top right?

tsunamitommy · Post by **tsunamitommy** » Sun Jan 01, 2017 4:50 am

[RZ] wrote:extensions are there
have you been looking at the [single] option in the menu at top right?

Did not see that option. Thank you I see it now.

[RZ] · Post by **[RZ]** » Sun Jan 01, 2017 4:57 am

you are welcome
(fyi a planned maintenance has been started, may be some delays today)

[RZ] · Post by **[RZ]** » Thu May 04, 2017 3:27 pm

* New in version 1.0.3

- Optional, automatic and customizable button for sound/mute the background video.
- Extended sound level and mute handling at startup.
- Extended opacity variants for the optional buttons.

mashtaytey · Post by **mashtaytey** » Thu Aug 24, 2017 9:08 pm

i absolutley love this extension! however i cant seem to get background video to auto start on IOS safari (ipad, iphone)
Is it possible with this?

[RZ] · Post by **[RZ]** » Fri Aug 25, 2017 12:04 am

of course it is possible with this extension, just get in contact privately for support

mashtaytey · Post by **mashtaytey** » Wed Aug 30, 2017 4:00 pm

[RZ] wrote: ↑Fri Aug 25, 2017 12:04 am of course it is possible with this extension, just get in contact privately for support

thanks! i will now

[RZ] · Post by **[RZ]** » Wed Aug 30, 2017 4:06 pm

mashtaytey · Post by **mashtaytey** » Tue Feb 27, 2018 4:20 pm

HI - will the newest version allow video to auto play in safari? (mobile or ipad?)

[RZ] · Post by **[RZ]** » Tue Feb 27, 2018 4:23 pm

hi, this is planned for the next update

mashtaytey · Post by **mashtaytey** » Tue Feb 27, 2018 4:33 pm

my gosh. cant wait for this. any idea on approx timescale?

[RZ] · Post by **[RZ]** » Tue Feb 27, 2018 4:34 pm

the fixes for safari are already available, mobiles will soon be tested, you will see here when the update is ready and released

mashtaytey · Post by **mashtaytey** » Tue Feb 27, 2018 4:53 pm

ok great. so i have version 1.0. how do i update to your current latest version?

[RZ] · Post by **[RZ]** » Tue Feb 27, 2018 4:57 pm

following the upgrade icon (top center) in the shop site

mashtaytey · Post by **mashtaytey** » Tue Feb 27, 2018 5:16 pm

the upgrade is £3 however it says minimum spend is £10 ?

[RZ] · Post by **[RZ]** » Tue Feb 27, 2018 5:18 pm

prices are in us dollars... anyways contact privately

[RZ] · Post by **[RZ]** » Fri May 11, 2018 11:59 am

* New in version 1.0.4

- Selectable specific scripts for new wb14 Carousel variants.
- Always playable video fallback in two modes for new Chrome policy (Apr 2018).
- Minor script improvements.

zinc · Post by **zinc** » Fri May 11, 2018 12:01 pm

[RZ] wrote: ↑Fri May 11, 2018 11:59 am * New in version 1.0.4

- Selectable specific scripts for new wb14 Carousel variants.
- Always playable video fallback in two modes for new Chrome policy (Apr 2018).
- Minor script improvements.

GREAT UPDATE!!!! Cheers RZ!!!!

[RZ] · Post by **[RZ]** » Fri May 11, 2018 12:17 pm

thank you for your always positive feedback, even when i must spend a considerable time investigating issues!

rasure · Post by **rasure** » Mon May 14, 2018 5:29 pm

I purchased this extension 6 May 2018, how do I get the update please?

[RZ] · Post by **[RZ]** » Mon May 14, 2018 6:13 pm

for support, please get in contact privately following the links bellow this post in the signature

mashtaytey · Post by **mashtaytey** » Thu May 24, 2018 2:07 pm

Hi. Does this allow video to auto play on ios mobiles and ipad yet?

[RZ] · Post by **[RZ]** » Fri May 25, 2018 9:43 am

usually full size background videos are not allowed to play automatically, mainly on mobiles
browsers are becoming stricter with this policy, chrome did it first on desktop versions

mashtaytey · Post by **mashtaytey** » Fri May 25, 2018 10:17 am

I know there has been restrictions in the past but still there are websites out there with it working.
see this thread

https://forum.webflow.com/t/html5-video ... bile/40584

[RZ] · Post by **[RZ]** » Fri May 25, 2018 10:24 am

the restrictions are not related to the past but to the actual time and may become stricter than currently are as it seems a new policies trend
on some cases some videos may be played when produced without sound, but this does not apply to all mobiles (i.e. android and/or ios versions and some desktop versions like chrome and similar chromium based browsers)

mashtaytey · Post by **mashtaytey** » Fri May 25, 2018 10:28 am

Yes in this case I want to play video without sound.
So I’m looking for a way of doing this - and I thought you might be implementing it in your plugin

[RZ] · Post by **[RZ]** » Fri May 25, 2018 10:34 am

i disabled the auto play on mobiles due to the many issues across platforms, browsers and versions (and still count)
chrome recently added this new restriction policy
i did not find enough congruent information for mobiles yet, whenever i find a solid way to implement more workarounds, obviously i will do immediately; as you can see, the extension has been updated for the recently changes...

[RZ] · Post by **[RZ]** » Sat Jun 02, 2018 8:43 pm

* New in version 1.0.5

- Space around the instance in percentages and/or pixels; this allows to setup the background areas to not be covered.

zinc · Post by **zinc** » Sun Jun 03, 2018 5:14 pm

Nice!!!!!

[RZ] · Post by **[RZ]** » Mon Jun 04, 2018 10:27 am

thanks

alymac · Post by **alymac** » Sun Oct 07, 2018 8:01 pm

does this option overcome the issue of autoplay in chrome?

[RZ] · Post by **[RZ]** » Sun Oct 07, 2018 10:41 pm

the video is always played, if sound cannot be started due to stricter policies of the browser, the video is automatically muted and starts anyway -- then you can manually click on the button to activate the sound
this applies to i.e. chrome, however, mobiles are even stricter, so a custom static image will be shown instead

[RZ] · Post by **[RZ]** » Tue Mar 17, 2020 5:33 pm

* New in version 1.0.6

- Default behavior or force media playing on mobile devices.
- Improved buttons symbols uniformity across platforms.

zinc · Post by **zinc** » Tue Mar 17, 2020 5:49 pm

Thank you for adding the very important feature!!!!

[RZ] · Post by **[RZ]** » Tue Mar 17, 2020 6:39 pm

Metalmaster · Post by **Metalmaster** » Sun Mar 22, 2020 11:46 pm

Hello rz

Do you have a parallax video app with text overlay for WYSIWYG web builder.

If not, do you have any plans to create one or add this feature to your current app?

Here is an example: https://www.mainstagelive.com/

[RZ] · Post by **[RZ]** » Sun Mar 22, 2020 11:50 pm

[rz] Parallax Objects should work for that purpose, for further questions pls contact privately
thanks

*** edit ***

www.magnawebstudio.com/demo/parallax-video
uses:
[rz] Background Video
[rz] Parallax Objects

bkjohns · Post by **bkjohns** » Mon May 25, 2020 4:02 pm

Hi [RZ], I would like to contact you privately but your profile (for me) doesn't work for that. Can you contact me with instructions on how to contact you? Thanks.