Разместить видео по центру

[vave]

Здравствуйте, дорогие друзья!

Подскажите пожалуйста, как сделать так, что бы видео отображаемое на заднем фоне, было всегда по центру, независимо от размера экрана\растяжки.
И было фиксировано при прокрутке страницы, а то на данный момент крутишь страницу вниз и видео просто ползет.
Добавлю что видео отображается в DIV-е высотой 450px, шириной 100%.

Вот код

<style>
.video1{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;
@media screen and (max-width: 500px) 
{div{width:50%;}}
</style>

<video class="video" autoplay="" loop="">
<source src="video.mp4" type="video/mp4">
</video>

 

[Vishez]

Здравствуйте, дорогие друзья!

Подскажите пожалуйста, как сделать так, что бы видео отображаемое на заднем фоне, было всегда по центру, независимо от размера экрана\растяжки.
И было фиксировано при прокрутке страницы, а то на данный момент крутишь страницу вниз и видео просто ползет.
Добавлю что видео отображается в DIV-е высотой 450px, шириной 100%.

Вот код

<style>
.video1{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;
@media screen and (max-width: 500px)
{div{width:50%;}}
</style>

<video class="video" autoplay="" loop="">
<source src="video.mp4" type="video/mp4">
</video>

попробуй

margin:auto auto;
  position:absolute;

но не уверен сработает ли. нужен конкретный пример

 

[Aserus]

оборачивай его в <div style="position:fixed;z-index:-1; top:0;left:0;width:100%;height:100%;"></div>
а самому видео ставишь абсолютную позицию с top:50%; left:50%; margin-top:'высота видео/-2';margin-left:'ширина видео/-2'

 

[user8730]

нет, position: absolute; использовать нель зя

margin: auto 0;

и сам объект должен быть обязательно ограничен шириной. Например: width: 450px;

 

[jadded]

margin:auto 0; для объекта или оборачивающего div'a?