Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html HMTL5背景桌面视频&;移动设备上BG中的Img_Html_Video_Mobile - Fatal编程技术网

Html HMTL5背景桌面视频&;移动设备上BG中的Img

Html HMTL5背景桌面视频&;移动设备上BG中的Img,html,video,mobile,Html,Video,Mobile,我目前有一个HTML5视频循环在后台的一个固定位置。然而,当在手机上查看该网站时,我希望它消失。在CSS中有这样做的方法吗?可能是针对特定屏幕尺寸的媒体查询 如何将HTML5视频代码放入HTML中,而不使其在移动站点和预期的桌面版本上处于活动状态 这是我正在使用的代码: <body> <video autoplay loop muted poster="img/BGvideo.jpg" class="video-bg"> <source src="video/med

我目前有一个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>

也许您可以使用javascript来完成这项工作:

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

也许您可以使用javascript来完成这项工作:

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