Canvas Support

video doesn't auto-play

1 reply·opened Oct 5, 2020
W
wisengineeringOct 5, 2020

I have a video in first section. But it's not auto-playing. If I add a carousel there and have the video as the second entry, it auto-plays but if it's the first entry it does not. As far as I can tell, I have auto play turned on. Am I missing something?

		<section id="slider" class="slider-element slider-parallax full-screen clearfix" data-loop="true">
			<div class="slider-parallax-inner">
				<div class="swiper-slide dark">
					<div class="video-wrap">
						<video id="slide-video" poster="media/video/sizzle_poster.png" preload="auto" loop autoplay>
							<source src='media/video/sizzle.mp4' type='video/mp4' />
						</video>
						<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
					</div>
				</div>

				<a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown"></i></a>

			</div>
		</section>
S
SemiColonWebSTAFFOct 5, 2020

Hello,

This issue is not related to Canvas's Codes. The Video is blocked from AutoPlaying by the Browser as it is not muted. You will notice that as soon as you add the muted Attribute to the <video> Tag, it will start playing. This is something Modern Browsers now enforce upon for a better User Experience.

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