www.wysiwygwebbuilder.com

[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!

Another superb piece of work!!!! Well done

thanks for your kind feedback

* New in version 1.0.1:

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

* 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.2:

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

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?

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)

* New in version 1.0.2

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

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

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

[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

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

[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.

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

* 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.

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?

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

[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

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

hi, this is planned for the next update

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

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

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

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

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

prices are in us dollars... anyways contact privately

* 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.

[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!!!!

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

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

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

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

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

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

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)

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

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...

* 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.

Nice!!!!!

thanks

does this option overcome the issue of autoplay in chrome?

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

* New in version 1.0.6

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

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

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] 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

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.