Хочу сделать адаптивность медиа запросами, на сайте есть блок с повторяющимся видео, оно весит примерно 30 метров, работает в цикле и постоянно себя загружает через get, для телефонов с плохим интернетом и ограниченным трафиком это ад.
<video id="video" class="video" loop="loop" muted="muted" autoplay="autoplay">
<source src="sites/default/files/video/video.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""></source>
<source src="sites/default/files/video/video.webm" type="video/webm; codecs="vp8, vorbis"""></source>
<source src="sites/default/files/video/video.ogv" type="video/ogg; codecs="theora, vorbis""></source>
</video>
такой код не помогает
video{display: none;}
как прекратить загрузку видео, остановить GET ?