Row Video Background from Vimeo?
-
I have a client who runs a video production company. He has a large portfolio, but hosts his videos on Vimeo. He showed me a solution he would like to implement on his new website, and it seemed feasible to me using laytheme. It involves using “Row Video Background,” but with externally hosted files (Vimeo). Is this feasible? Is there a solution that will allow me to implement fullscreen videos from external hosting?
PS
I asked him why he cared so much about Vimeo hosting, and he replied that it greatly speeds up his work because Vimeo automatically compresses his files and the service itself works very quickly.
-
hey!

so for vimeo, you can for example, if your client has vimeo pro,
you can use the setting "use external video"and in his vimeo pro account, he can get playback links directly that look like this:
and then you can use those here:

these will actually load faster than using a vimeo embed, cause an embed creates an iframe that contains lots of javascript, css and html and takes like a few seconds to load, while this will load much faster
-
@arminunruh Thank you very much! Works great :)
PS
Last question - if I use “Row Video Background” is it possible to load with sound?
-
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 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