Как запретить загрузку файлов при определенном разрешении экрана?
Лучше всего использовать mobiledetect.php
Но вообще, уже обсуждалось ранее в другом вопросе.
Видео — для десктопа, картинка — для мобильного устройства?
Нопремер так: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';
}