Est-ce que Bootstrap CSS cache les éléments de chargement?

Question

J'ai un en-tête vidéo d'arrière-plan sur mon site Web, qui n'est pas la meilleure pratique pour les mobiles et les tablettes ... Pour éviter de le montrer sur ces appareils, j'utilise le téléphone caché et la tablette cachée. Comme la vidéo est assez lourde, ce serait bien (car elle ne jouera pas) qu'elle ne se charge pas, donc la page serait plus légère et ma bande passante sauvegardée ...

Alors voici mon question, est-ce que ces classes empêchent les navigateurs (mobiles) de charger la vidéo?

Answer 1

Oui, ça le charge, c'est comme ça que fonctionne le DOM. Pour ne pas charger quelque chose, vous avez besoin de JS. Par exemple, utilisez JS pour vérifier si la fenêtre d'affichage est suffisamment petite pour répondre à certains critères que d'utiliser JS pour l'ajuster ou la supprimer. Editer: Vous pouvez également essayer de désactiver la lecture automatique sur les appareils mobiles afin de ne pas la lire lorsque le navigateur analyse le 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); 
     } 
    }); 
});