Video controls on a fullscreen video background

[Roch]

Hello,

Is it possible to easily have the "unmute/mute" and "Play icon" options on a full-screen video background?

Like on this site:
https://erynnlamont.com/pure-beauty-original/

Thanks in advance!

[arminunruh]

he put a browser height row there on that website
inside, he/she put a video element there which is full-width
and then used the custom css:

Enter the custom css in "lay options" -> "custom css & html".

.html5video video {
height: 100vh;
right: 0;
top: 0;
left: 0;
margin: auto;
bottom: 0;
}

.html5video .ph {
background-color: black;
height: 100vh;
padding-bottom: 0 !important;
}

.lay-mute-unmute-button {
top: 70px;
left: 1.6vw;
right: auto;
bottom: auto;
cursor: pointer;
}

[heycasm]

Hi, adding to that I'd like to know if it's possible to put text on top of that full frame video? Like if I use it as the Landing Page and I want to put the Title in the middle that changes color if you click on it and then your'e on the page with all the projects.

[arminunruh]

so you can just use a browser height row and that lets you put a text on top!
https://laytheme.com/documentation/gridder-elements.html#elements-above-other-elements

that changes color if you click on it

you want the text to change its color when you click on it. theres no setting for this, maybe you can code it on your own? :O

https://linuxhint.com/change-button-color-on-click-css/

[Roch]

Works great!
Thanks a lot!