Row Video Background from Vimeo?
-
oh didn't see your last message!
noo, thats not possible, browsers dont allow videos to autoplay when they are not muted
-
@arminunruh ok, I understand. And if I insert a Vimeo video normally (not as a “Row Background Video”), can I use CSS to set the video to fill the entire browser window? (e.g., 100vw, 100vh)
-
mmh good question! i havent tried that but im not sure how well that works!
-
@arminunruh Sounds good :) My client would really like his projects to open in full screen with the option to turn on sound. They don't have to start automatically—we can use the video player that comes with LayTheme. I've temporarily used “Row Video Background,” but if the video player could be stretched to fill the entire browser window, that would be great and would solve all the problems.
Here you can see the website:
https://warsawproduction.com/PS
I think this small feature could potentially open LayTheme up to websites for production houses and video artists ;)
-
i see!
im going to release a new update now.
after you updated, create a .mp4 video element (+video -> +mp4 video)like this:
or use:
lay custom controls:
now in the gridder, select the video and in the sidebar check fixed height and set it to 100svh:
if you right click the row or the bar next to the row, you can also set the row to be browser height:
if you do, then you can insert texts on top of the video too
-
i see!
im going to release a new update now.
after you updated, create a .mp4 video element (+video -> +mp4 video)like this:
or use:
lay custom controls:
now in the gridder, select the video and in the sidebar check fixed height and set it to 100svh:
if you right click the row or the bar next to the row, you can also set the row to be browser height:
if you do, then you can insert texts on top of the video too
@arminunruh This solution is just what i was looking for! I followed every step you mentioned here but the video appears empty on the gridder, and doesnt show on the page... What could be the problem? Thanks for everything!!
-
do u have a link?
-
and are u sure u entered the right url?
it shouldnt be a embed url, but if u have a vimeo pro account, you should be able to get a streaming link or download link of the video that looks similar to:
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it