Video nor responsive

1 reply·opened Sep 6, 2021
J
jei_jeiSep 6, 2021

Hi

I setup a video in my home and this video doesnt fit my mobile screens, it just the same size as big screens, like desktop computer.

My piece of code is this one:

<div class="section dark vh-100">
<div class="vertical-middle">

</div>
<div class="video-wrap">
<div class="yt-bg-player" data-optimize="true" data-quality="hd1080" data-mute="true" data-loop="true" data-video="https://youtu.be/q8ASmwIsgyc"></div>
</div>
</div>

S
SemiColonWebSTAFFSep 6, 2021

Hello,

Since you are using the Youtube BG Video, the Size of the Video depends on the Height of the Container. Consider finding the following code:

<div class="section dark vh-100">

and replace it with:

<div class="section dark vh-50 vh-md-75 vh-lg-100">

This should resize the Video more efficiently. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard