我目前在后台固定位置有一个HTML5视频循环播放。但是,当在移动设备上查看该网站时,我希望它能够消失。有没有办法在CSS中执行此操作?某些屏幕尺寸可能是媒体查询?
如果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>
答案 0 :(得分:0)
也许你可以使用javascript来完成这项工作:
var size = window.innerWidth;
if(size == 320){
document.getElementsByTagName('video')[0].removeAttribute('autoplay');
}