Как отключит загрузку видео на мобильных устройствах?

Question

[Nikita Shchypylov]

Всем привет

Проблема: На странице есть такой блок:

<video autoplay id="bgvid" poster="img/water-on-glass.jpg">
			<source src="videos/medoff-video.webm" type="video/webm">
			<source src="videos/medoff-video.mp4" type="video/mp4">
		</video>

Видео работает на декстопе, но при разрешении меньше, чем 1024px его быть не должно И грузится не должно. Я давал display:none, видео пропадает, но в Network файл видео все равно тащится с сервера
Вопрос: Как сделать так, что бы на мобильных устройствах видео на загружалось с сервера?

Answer 1

[Тимур Туз]

потому что display:none, это как сифилис присыпкой лечить)) тут думаю без js никак. надо проверять размер экрана и если оно не мобильное а больше то добавлять в dom код плеера