Canvas Support

slider youtube background

1 reply·opened Jun 28, 2023
L
LeeJun 28, 2023

Is there a sample page on the slider that is YouTube background instead of video?

				<!-- Second Slide -->
				<div class="swiper-slide dark">
					<!-- Slider Content -->
					<div class="video-wrap">
						<video id="slide-video" poster="your-video-poster.jpg" preload="auto" loop autoplay muted>
							<source src='your-video.webm' type='video/webm' />
							<source src='your-video.mp4' type='video/mp4' />
						</video>
						<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
					</div>
				</div>
S
SemiColonWebSTAFFJun 28, 2023

Hello,

You can use something like this:

<div class="swiper-slide dark">
	<div class="video-wrap">
		<div class="yt-bg-player customjs" data-quality="hd1080" data-start="15" data-stop="45" data-video="https://youtu.be/LXb3EKWsInQ"></div>
	</div>
</div>

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