html5 video src в зависимости от разрешения

Тема в разделе "Верстка", создана пользователем Extalionez, 30 апр 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Extalionez

    Extalionez Клоун

    Заблокирован
    Регистр.:
    21 авг 2008
    Сообщения:
    368
    Симпатии:
    185
    Доброго всем времени суток! Все мы хорошо знаем что в css есть замечательная вещь
    HTML:
    
    @media (max-width: 1280px) {
    	body { background-image: url("../images/layout/bg/body-bg-baked-1280px.jpg?v=2") }
    }
    
    @media (max-width: 1024px) {
      body { background-image: url("../images/layout/bg/body-bg-baked-1024px.jpg?v=2") }
    }
    
    которая хорошо экономит размеры фоновой картинки. Но вот беда - меня пропёрло поставить в качестве фона видео :eek: используя
    HTML:
    
    <video data-showcase-video="" webkit-playsinline="" poster="video.jpg" loop="" autoplay="">
            <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'/>
            <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'/>
            <source src='movie.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
            <p>This is fallback content</p>
    </video>
    
    и вот тут уже разумеется хотелось бы отдавать для каждого разрешения своё видео. Вот мне и интересно есть ли такая возможность у html5? Спасибо!!!!
     
  2. konoplya

    konoplya Постоялец

    Регистр.:
    3 авг 2008
    Сообщения:
    88
    Симпатии:
    16
    может так?

     
  3. Extalionez

    Extalionez Клоун

    Заблокирован
    Регистр.:
    21 авг 2008
    Сообщения:
    368
    Симпатии:
    185
    Не то. Он просто, тупо вставляет видео. Мне же нужно вставлять для каждого разрешения экрана определённое видео.
     
  4. irish

    irish Создатель

    Регистр.:
    31 дек 2012
    Сообщения:
    28
    Симпатии:
    6
    так а что мешает вначале определить размеры браузера и потом вывести нужное видео?
    HTML:
    <script type="text/javascript">
    if (document.body.clientWidth <= 1024) {делаем одно}
    else {делаем другое}
    </script>
    варианты определения можно в сети поискать, код просто в качестве примера...
     
  5. ivashka.vvs

    ivashka.vvs Создатель

    Регистр.:
    22 июл 2013
    Сообщения:
    22
    Симпатии:
    0
    Покопай код
    Surreal - Responsive Parallax One Page там видео вроде так и выведено