Hi. Is there a way to embed a video to display at full screen?
video full screen
10 replies
Hi Charley,
in general yes, where you saw it ? Share me URL, so I will be able to show you what HTML/CSS code you have to use to get this same effect.
BTW
On youtube you can find many guides, but easier to use text guide (2021): https://alvarotrigo.com/blog/how-to-create-a-fullscreen-video-with-css-and-html/
HTML code you can use inside Raw HTML addon and CSS probably you know already where.
Hi. Thanks for the response.
I'm looking at this site:
https://www.georgetown.edu/
Thanks for the guide. I'll have a look at it.
CH
The guide was very helpful. Thank you. I'm still having some trouble with it covering the entire page. It doesn't seem to want to cover the left hand margin. https://www.southark.edu/test
In Row Options > Fluid Row: Yes and remove gaps: Yes

Then in Column options (inside that Row) remove all padding values, set 0

It should help.
Thanks! That was very helpful. One last question: Is there a method to make this responsive?
Have you used CUstom CSS from code example?
video {
width: 100vw;
height: 100vh;
object-fit: cover;
position: absolute;
top: 0;
left: 0; } Or you can use custom CSS from GeorgeTown (.edu)
.video-container { width: 100%; }
.video-container video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} Check which one will work better for you.
And above custom CSS you can add inside that Page > Custom CSS

Those solutions don't seem to work. It is still not responsive.
Thanks,
Charley
so you have to search deeper inside Internet tips
OR
Use different video for Tablet, Mobile - smaller. Each Addon can be disabled/enabled for those.