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

Тема в разделе "JavaScript", создана пользователем vave, 1 май 2014.

Модераторы: ZiX
  1. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Здравствуйте, дорогие друзья!

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

    Вот код
    HTML:
    
    <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>
    
     
  2. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    попробуй
    Код:
    margin:auto auto;
      position:absolute;
    
    но не уверен сработает ли. нужен конкретный пример
     
    Последнее редактирование: 6 май 2014
  3. Aserus

    Aserus Постоялец

    Регистр.:
    16 ноя 2013
    Сообщения:
    78
    Симпатии:
    4
    оборачивай его в <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'
     
  4. user8730

    user8730 Создатель

    Регистр.:
    16 авг 2014
    Сообщения:
    27
    Симпатии:
    7
    нет, position: absolute; использовать нель зя

    margin: auto 0;

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

    jadded Писатель

    Регистр.:
    9 окт 2014
    Сообщения:
    2
    Симпатии:
    0
    margin:auto 0; для объекта или оборачивающего div'a?