スマートフォンでのみHTML5動画の自動再生を無効にする

Question

autoplay属性を持つウェブサイトに全角ビデオの背景があります。それはうまく動作します。

スマートフォンデバイスでは、この動画を表示したくありません。 だから、私はcss：display：none;を使います。

しかし、ビデオはまだスマートフォン上のFirefoxでダウンロードされ... ビデオは

は、私はそれをどのように修正することができます...表示されませんが、それはまだキャッシュにダウンロードされますか？小さな画面で自動再生を無効にし、それをより大きなデバイスに保存するソリューションはありますか？

Answer 1

HTML

<video controls autoplay> 
    <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4"> 
</video> 

Javascriptを：

$(document).ready(function(){ 
    var screenWidth = $(window).width(); 
    // if window width is smaller than 800 remove the autoplay attribute 
    // from the video 
    if (screenWidth < 800){ 
     $('video').removeAttr('autoplay'); 
    } else { 
    $('video').attr('autoplay'); 
    } 
}); 

JSFiddle：画面は一定のサイズであり、場合には、それは自動意志が存在することをその属性として `autoplay`を削除する場合https://jsfiddle.net/rowj0sae/