스마트 폰에서만 HTML5 동영상 자동 재생 사용 안함

Question

autoplay 속성이있는 웹 사이트에서 전폭 비디오 배경을 사용하고 있습니다. 그것은 잘 작동합니다.

그러나 스마트 폰에서이 비디오를 표시하고 싶지 않습니다. 그래서 나는 css : display : none;

그러나 비디오가 여전히 스마트 폰에서 파이어 폭스로 다운로드 ... 이 비디오는 여전히 캐시에 다운로드 표시하지 않지만 ...

내가 그 문제를 해결할 수 있습니까? 작은 화면에서 자동 재생을 사용 중지하고 큰 기기에서 계속 사용하는 해결책이 있습니까?

Answer 1

HTML

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

자바 스크립트 :

$(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 : https://jsfiddle.net/rowj0sae/이