Row Video Background from Vimeo?

[Dawid]

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.

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

[arminunruh]

do u have a link?

[arminunruh]

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:

https://player.vimeo.com/progressive_redirect/playback/1126128470/rendition/1080p/file.mp4?loc=external&log_user=0&signature=ee8134cc70b92de5d4917e390d7877728073cc02d9132aee4b2768c9c1ffd517

[Giusepe]

Aaaah, i think i get why is not working. My client pays vimeo, but the standard suscription, not premium. Maybe that's the issue. Thanks!!

[arminunruh]

ah i understand, yes thats probably it

[Giusepe]

Hey! I got my client to upgrade to Vimeo Premium, now i can get this type of link.

https://player.vimeo.com/progressive_redirect/playback/1161954692/rendition/1080p/file.mp4 (1080p).mp4?loc=external&signature=f1007cd65dda7682088442809c6dcb14b9630ee96efa633d4ade0d5628ec5e44

I have done as you kindly explained here and the video plays with sound, but it disenables the fullscreen slider navigation, and it just seems to get stuck on the video row... any idea of what i could have done wrong?

Here is a link to my site. https://www.polvorafilms.es/

Thanks!

[Giusepe]

Okey... it was absolutely my fault as i thought. Now it works perfectly fine.
I'd like to know if there is a way of having a custom mute/unmute icon, and a way of having it in a custom position, like in the upper left corner.

Thank you Armin!

[arminunruh]

pro tip:

instead of using vimeo pro, you can upload the video to bunny cdn
https://bunny.net/

and get the mp4 link from there. apparently thats cheaper than vimeo pro.

ok let me think about that

[arminunruh]

next update will get this:

and in the next version you'll need to enable this setting and set custom icons, in lay options, new video section: