JQ / weight windows - remove
Есть елемент video, на мобилке CSSом отключаю его с помощью display:none при достижении ширины 550px. Но это не решает проблему фоновой загрузки тяжелого елемента устройством.
- Нужно запретить загружать элемент в случае проверки ширины окна;
- В случае смены ширины окна, запустать скрипт повторно.
В JQ API прочитал про .remove(), .width() но не нашел как вернуть елемент на место ( да и в синтаксисе не особо пока понимаю).
.mobile-intro {
display: none;
}
@media (max-width: 550px){
.intro {
display: none;
}<div class="intro">
<div class="intro-video">
<video src="{{ 'assets/video/demo.mp4'|theme }}" autoplay loop muted playsinline></video>
</div>
<div class="intro-desk-overlay"></div>
</div>
<div class="mobile-intro">
<div class="intro-mob-overlay"></div>
</div>$(document).ready(function(){
if ($(window).width() < 550) {
.remove('intro');
}
else {
Element.(вернутьназад)('intro');
}
});