Определить ширину браузера и запретить загрузку сегментов страницы

Question

Я намерен использовать заголовок видео html5 вместо использования карусели для моей веб-страницы. Я использую Codeignitor с PHP на сервере, а также с помощью начальной загрузки и jquery... заголовок видео хорош и эффективен на экранах большего размера. но загрузка мобильных браузеров занимает значительное время из-за более низкой скорости загрузки. так что я хочу предотвратить загрузку или выполнение следующей части кода (чтобы не скрывать загруженные элементы) в мобильных браузерах. Цель состоит в том, чтобы улучшить погрузочные характеристики.

1. я могу определить ширину и тип браузера пользователя (мобильный или нет) на сервере?
2. Могу ли я проанализировать HTTP-запрос, чтобы обнаружить это?

3. Могу ли я сделать это без Ajax и перенаправления страниц?

   <div class="container-fluid">
   <div class="row">
      <div class="header-container">
     <div class="video-container">
       <video id="video" autobuffer  preload="true" autoplay="autoplaymuted" loop="loop" volume="0" poster="pic.jpg">
         <source src="video/cover.mp4">
         <source src="video/cover.webm" type="video/webm">
         <source src="video/cover.ogv" type="video/ogg">   
       </video>
     </div>
     <h3> my web video header </h3>
   </div>
   </div> 
   

Answer 1

Пожалуйста, попробуйте это. Может быть, это будет работать для вас.

$(document).ready(function(e) {
    var getWidth = $(window).width();
    console.log( 'Onload' + getWidth );
});
window.onresize = function() {
    var getWidth = $(window).width();
    console.log( 'on resize window' + getWidth );
};