javascript 全屏bg旋转木马视频

Posted 2021-05-04

body.homepage .carouselSlide .carouselSlideTitle {
	.ytContainer {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%; // https://www.h3xed.com/web-development/how-to-make-a-responsive-100-width-youtube-iframe-embed

		iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}

// Homepage video carousel
	$('body.homepage .carouselSlide:first-child .carouselSlideTitle').append('<div class="ytContainer"><iframe src="https://www.youtube.com/embed/V_adku8X4C4?controls=0&showinfo=0&rel=0&autoplay=1&mute=1&loop=1&playlist=V_adku8X4C4" frameborder="0" allowfullscreen></iframe></div>');