Отключить загрузку html5-видео в точке останова CSS
У меня есть короткое видео html5, которое автоматически воспроизводится в браузере. Когда ширина браузера уменьшается до 870 пикселей, видео исчезает благодаря медиа-запросу CSS и отображению: нет;
Как убедиться, что видео не загружается, если окно начинается с меньшего размера, как на мобильном устройстве?
Видео составляет 1,8 Мб, и я не хочу без необходимости облагать налогом использование данных моего пользователя. Спасибо!
<video id="video_background" preload="none" autoplay="false" loop="loop" muted="muted" volume="0">
<source src="video/creativeishappening.mp4" type="video/mp4">
Video not supported
</video>
$(function() {
// onload
if(document.body.clientWidth >= 870) {
$('video').attr('autoplay', true);
}
});