HMTL5 Video in background桌面＆Img in BG在手機上

我目前有一個HTML5視頻在背景中以固定位置循環播放。但是，當在移動設備上查看網站時，我希望它消失。有沒有辦法在CSS中做到這一點？可能是某種屏幕尺寸的媒體查詢？HMTL5 Video in background桌面＆Img in BG在手機上

如何將HTML5視頻代碼放入HTML中，而不會在移動網站上以及預期的桌面版本中處於活動狀態？

這是我使用的代碼：

<body> 
<video autoplay loop muted poster="img/BGvideo.jpg" class="video-bg"> 
<source src="video/medium.webm" type="video/webm"> 
<source src="video/medium.mp4" type="video/mp4"> 
</video>

來源

2015-09-21 Joey Geraci

也許你可以使用JavaScript來完成這項工作：

var size = window.innerWidth; 
if(size == 320){ 
    document.getElementsByTagName('video')[0].removeAttribute('autoplay'); 
}

來源

2015-09-23 13:04:17

HMTL5 Video in background桌面＆Img​​ in BG在手機上

回答

相關問題

HMTL5 Video in background桌面＆Img in BG在手機上