moovix

Как фоном сайта сделать видео?

Moovix » Блог » Как фоном сайта сделать видео?

Внутри нужного блока или после

ставим

				
					<video autoplay="" loop="">
   <source src="video/bgvideo.mp4" type="video/mp4" />
   <source src="video/bgvideo.webm" type="video/webm" />
   <source src="video/bgvideo.ogv" type="video/ogg" />
</video>
				
			

в css ставим

				
					video{
   position:fixed;
   z-index:-1;
   min-width:100%;
   min-height:100%;
   overflow:hidden;
}
				
			

но видео поставится по размеру его самого, чтобы сделать по высоте на весь экран нужно в блок, где размещается видео добавить

				
					height: 100vh;
				
			
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Moovix » Блог » Как фоном сайта сделать видео?

Есть вопрос? мы онлайн

Есть проект? Заполните бриф.

top