Cacher is the code snippet organizer for pro developers

// Использовать обложку с видео как верхний слой иначе не убрать кнопки управления

.video-img(style="background-image:url('https://img.youtube.com/vi/yCR1iXLEyBY/maxresdefault.jpg')")
	iframe(src="https://www.youtube.com/embed/yCR1iXLEyBY?showinfo=0&controls=1&autohide=1" ).introVideo
	.video-layer
		.video-layer-cont
			.video-play
				+icon("play","icon")

.introVideo
	width: 100%
	height: 100%

.video-layer
	position: absolute
	top 0
	left 0
	width: 100%
	height: 100%
	background: rgba(73, 46, 35, 0.7)
.video-img
	position: absolute
	top 0
	left 0
	width: 100%
	height: 100%
	bg-full()

.video-layer-cont
	flex(mid)
	fl()
	width: 100%
	height: 100%
.video-play
	margin-bottom: 3%
	cp()
	.icon
		size 100px

//video
$('.video-layer').on('click', function(ev) {
	$(".introVideo")[0].src += "&autoplay=1";
	ev.preventDefault();
	$('.video-layer').hide();
	$('.video-img').hide();
});