Hi ... anyone got advice if this is possible?
I have a layout grid set to STYLE > BACKGROUND > MODE: video
I have an image that has a transparent section so that the video can been seen behind the image and in the "open" section of the image, but because of the full screen mode of the video I only see the upper right hand part of the video...
It seems the video plays full screen (1920 x 1080) so I am not getting the same results as this demo WP site ... www.transformations.ca
Would like to duplicate the look and feel so I am looking to see if there is a way to reduce the "play" area so that the video only shows within the dimension of the layer grid
My example using WWB 20 www.cswebsites.com/videotest/test.html
When comparing the 2 sites you will see my video view is more "zoomed" in.
Thoughts?
Video background
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Re: Video background
The simple answer is they are not applying the video to the entire background. They are only applying it to about half of the screen width. So in your case it would be only the 2nd column of a 6x6 layout grid. However, this wont work as you wont be able to place your image over the video.
You can get close by adding some CSS to manipulate the positioning of the video in the background. I would need to see your setup to provide the css code.
You can get close by adding some CSS to manipulate the positioning of the video in the background. I would need to see your setup to provide the css code.
Re: Video background
Hi crispy68 .. REALLY APPRECIATE YOUR INPUT!
Here is zip file you can look at ... contains simple layout of only grid, video and cover image
https://www.cswebsites.com/videotest.zip
Let me know your thoughts!
Here is zip file you can look at ... contains simple layout of only grid, video and cover image
https://www.cswebsites.com/videotest.zip
Let me know your thoughts!
Re: Video background
Keep in mind that the height of your video section in the demo you sent is shorter than that of the actual site which may affect what you see in the cutout section. With the demo you sent me, add the following CSS between the <head> tags:
Change 'LayoutGrid1' above in the code to match the ID of the layout grid you are using.
Code: Select all
<style>
#LayoutGrid1-video{left:37%;width:63%;}
</style>
Re: Video background
EXCELLENT!!! Thank you crispy68 ... works perfect ... really appreciate all you do!!