[2eiosounds]

Hi,

Is it possible to get the YouTube video to fill the screen?

[Skandha]

@2eiosounds: Hello there,
Please post in your site URL so that I can look into the issue.

Kind Regards,
Skandha

[2eiosounds]

Sure, the site link is https://beta.kwonbaker.com

[2eiosounds]

Also, the full-screen request is for mobile. I tried digging through the CSS however object-fill was not working for me

[Skandha]

@2eiosounds: Hello there,
The video already shows full-width. Do you mean to have the video fill the height of the screen?

Kind Regards,
Skandha

[2eiosounds]

Yes – to fill the height of the screen. The black top/bottom bars are undesirable.

[Skandha]

@2eiosounds: Hello there,
I am not afraid that is not possible. As the video won’t fit perfectly in mobile screen where the height of the screen is very much to that of the width. Even if you succeed covering the whole screen the quality won’t be good as the video will look stretched.

Kind Regards,
Skandha

[2eiosounds]

That’s the goal, however. I’d like to be able to fill the screen, whether or not it quality is bad. Could you help with the CSS of this plugin to make that happen? I was able to do this with my custom site prior: kwonbaker.com (view on mobile)

[Skandha]

@2eiosounds: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.covervideo, video {
    height: 100vh !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts