Как вставить видео на сайт во всю ширину?

Question

[freelancer007]

Всем привет, подскажите пожалуйста, есть очень простая разметка

<div class=" head_block">
			<video autoplay loop >
			   <source src="images/work.mp4" type="video/mp4">
			   <source src="images/work.webm" type="video/webm">   
			</video>
</div>

В CSS прописываю

.head_block {
          width: 100%;
          height: 100%;
          position: absolute;
	top: 0;
}

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

Answer 1

[Сергей Тутуков]

stefanerickson.github.io/covervid/?utm_source=jque...
Можешь через плагин, в примере есть ссылка.
либо

.head_block {
width: 100%;
height: 100%;
position: relative;
overflow:hidden;
}
video{
min-width:100%;
min-height:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

Answer 2

[#rybak]

ну и для видео напишите ширину что-ли

.head_block video {
    width: 100%;
   }

Answer 3

[xmoonlight]

*{margin:0;padding:0}