ブートストラップCSS隠れ要素の読み込みはありますか？

Question

携帯電話やタブレットのベストプラクティスではない、自分のウェブサイトに背景ビデオのヘッダーがあります。 これらのデバイスに表示されないように、私は隠し電話と隠しタブレットを使用しています。 ビデオはかなり重いので、ビデオが読み込まれないので、ページが軽くなり、帯域幅が節約されるので、（再生されないので）うれしいです...

質問、それらのクラスは、ビデオを読み込む（モバイル）ブラウザを防ぐのですか？

Answer 1

はい、ロードするとDOMの仕組みになります。あなたはJSが必要なものをロードしないようにします。たとえば、JSを使用してビデオをシムに挿入したり削除したりするのに比べて、JSを使用して、ビューポートが特定の基準を満たすのに十分小さいかどうかをチェックします。

編集：モバイルデバイスで自動再生を無効にして、ブラウザがDOMを解析するときにプリフェッチしないようにすることもできます。

$(function() { 

    // onload 
    if(document.body.clientWidth >= 870) { 
     $('video').attr('autoplay', true); 
    } 

    // If you want to autoplay when the window is resized wider than 780px 
    // after load, you can add this: 

    $(window).resize(function() { 
     if(document.body.clientWidth >= 870) { 
      $('video').attr('autoplay', true); 
     } 
    }); 
});