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

Extalionez

Клоун
Заблокирован
Регистрация
21 Авг 2008
Сообщения
368
Реакции
191
  • Автор темы
  • Заблокирован
  • #1
Доброго всем времени суток! Все мы хорошо знаем что в 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? Спасибо!!!!
 
Мне же нужно вставлять для каждого разрешения экрана определённое видео.
так а что мешает вначале определить размеры браузера и потом вывести нужное видео?
HTML:
<script type="text/javascript">
if (document.body.clientWidth <= 1024) {делаем одно}
else {делаем другое}
</script>

варианты определения можно в сети поискать, код просто в качестве примера...
 
Покопай код
Surreal - Responsive Parallax One Page там видео вроде так и выведено
 
Назад
Сверху