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

[Extalionez]

Доброго всем времени суток! Все мы хорошо знаем что в css есть замечательная вещь

@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") }
}

которая хорошо экономит размеры фоновой картинки. Но вот беда - меня пропёрло поставить в качестве фона видео используя

<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? Спасибо!!!!

 

[konoplya]

может так?

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Extalionez]

может так?

Не то. Он просто, тупо вставляет видео. Мне же нужно вставлять для каждого разрешения экрана определённое видео.

 

[irish]

Мне же нужно вставлять для каждого разрешения экрана определённое видео.

так а что мешает вначале определить размеры браузера и потом вывести нужное видео?

<script type="text/javascript">
if (document.body.clientWidth <= 1024) {делаем одно}
else {делаем другое}
</script>

варианты определения можно в сети поискать, код просто в качестве примера...

 

[ivashka.vvs]

Покопай код

Surreal - Responsive Parallax One Page там видео вроде так и выведено​