Задать вопрос
Этот вопрос закрыт для ответов, так как повторяет вопрос Видео - для десктопа, картинка - для мобильного устройства?
kenny_nobody
@kenny_nobody
javascript

Как запретить загрузку файлов при определенном разрешении экрана?

Есть видеофон на сайте. 
<video id="video" poster="img/header-bg.png" autoplay="autoplay" loop="loop" preload="auto">
	<source src="video/h264.mp4" type="video/mp4"></source>
	<source src="video/book.webm" type="video/webm"></source>
</video>

В мобильной версии он отключен, там просто картинка. Как сделать так, чтобы файл вообще не загружался при разрешении ниже, чем 992px? Через display:none файл все равно будет грузиться.
  • Вопрос задан
  • 482 просмотра
3 комментария
Подписаться 2 Простой 3 комментария
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Лучше всего использовать mobiledetect.php
Но вообще, уже обсуждалось ранее в другом вопросе.
Видео — для десктопа, картинка — для мобильного устройства?
Ответ написан
1 комментарий
1 комментарий
Ответы на вопрос 1
@Abcdefgk
Нопремер так:
if(document.documentElement.clientWidth <= 992) {
  document.getElementById('video').children[0].src = '';
  document.getElementById('video').children[1].src = '';
} else {
  document.getElementById('video').children[0].src = 'video/h264.mp4';
  document.getElementById('video').children[0].src = 'video/book.webm';
}
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настроить рекламу в VK
20 апр. 2024, в 13:56
7000 руб./за проект
Настроить рекламу в Авито
20 апр. 2024, в 13:52
7000 руб./за проект
Помочь с запуском бота
20 апр. 2024, в 13:23
1000 руб./за проект
Ещё заказы