Question

我打算在我的网页上使用html5视频标题。我在服务器上使用Codeignitor（PHP），在客户端使用bootstrap和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 );
};

检测浏览器宽度并阻止下载网页细分

1 个答案: