Bootstrap 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); 
     } 
    }); 
});