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 & 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.