Javascript 检测浏览器宽度并防止下载页段

我打算在我的网页上使用html5视频标题。我在服务器端使用CodeignitorPHP，在客户端使用bootstrap和jquery。视频头在较大的屏幕尺寸上是好的和有效的。但在下载速度较低的移动浏览器上加载需要相当长的时间。所以我想阻止下载或执行以下代码部分，而不是在移动浏览器上隐藏下载的元素。为了表演 1.我是否可以在服务器上检测用户浏览器宽度和typemobile？ 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> 

请试试这个。 也许对你有用

$(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 );
};

---

如果不首先通过JavaScript检测浏览器宽度并通过AJAX或重定向将其传递给服务器，则无法检测浏览器宽度。但是，您可以。如果您可以使用JavaScript，则也只能在确定浏览器宽度后添加视频。回答问题1、2和3：否。建议的工作流：1。剪下视频的第一帧。2.使该图像成为视频将要播放的元素的背景。3.使用javascript确定要使用的视频。4.使用javascript将该视频放入视频元素。