Row Video Background from Vimeo?

[arminunruh]

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:

https://player.vimeo.com/progressive_redirect/playback/1154277554/rendition/1080p/file.mp4 (1080p).mp4?loc=external&log_user=0&signature=d959657cab5d7c7d20acc647c4ae6d349260018fd9d5696f9a9bcecde684adad

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

[Dawid]

@arminunruh Thank you very much! Works great :)

PS

Last question - if I use “Row Video Background” is it possible to load with sound?

[Dawid]

bump bump ;)

[arminunruh]

oh didn't see your last message!

noo, thats not possible, browsers dont allow videos to autoplay when they are not muted

[Dawid]

@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)

[arminunruh]

mmh good question! i havent tried that but im not sure how well that works!

[Dawid]

@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 ;)

[arminunruh]

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

[Dawid]

Wow! Amazing work bro! <3 Thank you very very much! :)

[Giusepe]

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