video full screen not responsive

1 reply·opened Nov 5, 2019
S
SemiColonWebSTAFFNov 7, 2019

Hello,

Apologies about the Inconveniences caused!

There appears to be a Minor Bug with the Codes. Please make sure that you use the following code for the Fullscreen Video Slider:

<section id="slider" class="slider-element full-screen force-full-screen">

	<div class="full-screen force-full-screen dark section nopadding nomargin noborder ohidden">

		<div class="container clearfix">
			<div class="slider-caption slider-caption-center">
				<h2 data-animate="fadeInUp">Welcome to Canvas</h2>
				<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements &amp; simply put them on our Canvas.</p>
				<a data-animate="fadeInUp" data-delay="400" href="#" class="button button-border button-light button-rounded button-large noleftmargin nobottommargin d-none d-md-inline-block" style="margin-top: 30px;">Start Browsing</a>
				<a data-animate="fadeInUp" data-delay="600" href="#" class="button button-3d button-teal button-large nobottommargin d-none d-md-inline-block" style="margin: 30px 0 0 10px;">Buy Now</a>
			</div>
		</div>
		<div class="video-wrap">
			<video poster="images/videos/deskwork.jpg" preload="auto" loop autoplay muted>
				<source src='images/videos/deskwork.mp4' type='video/mp4' />
				<source src='images/videos/deskwork.webm' type='video/webm' />
			</video>
			<div class="video-overlay" style="background-color: rgba(0,0,0,0.45);"></div>
		</div>

	</div>

</section>

This will definitely work fine. 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
video full screen not responsive · Canvas Template Support