Canvas Support

Youtube Video Background

3 replies · opened Aug 23, 2020

Aamer_sayyedAug 23, 2020

Hi,

I am trying to add a youtube video to my background and it works well except that the video seems to be "zooomed" or enlarged a bit. It doesn't display the full contents. My code is:

<div class="section page-section m-0 vh-75 vh-lg-100">
<div class="container clearfix">
<div class="video-wrap" style="height:680px">
<div class="yt-bg-player" data-quality="hd1080" data-start="45" data-stop="136" data-video="https://www.youtube.com/embed/PbUW72ORhRY" >
</div>
</div>
</div>
</div>

Please help!

SSemicolon WebSTAFFAug 24, 2020

Hello,

The Youtube BG Videos resizes according to the Device Resolution and the Height of the Container defined by you. It does not work in the same way as embed videos.

Hope this Helps!

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

Aamer_sayyedAug 24, 2020

How can I control the size of the container?

SSemicolon WebSTAFFAug 25, 2020

Hello,

You can change the vh-* related Classes and the style="height:680px" related values defined in the above codes you have provided according to your needs.

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