Video 响应视频,为移动设备提供图像服务

Video 响应视频,为移动设备提供图像服务,video,responsive-design,Video,Responsive Design,我希望能够提供带有链接的图像,而不是移动设备的视频播放器 以下是我正在使用的代码: <video controls="false" autoplay="autoplay"> <source src="img/sds.mp4" type="video/mp4" media="all and (min-width:600px)"> </video> 在宽度低于600px的设备上,我只想显示html,而不显示视频,是否可以在视频标签内这样做?或者我必

我希望能够提供带有链接的图像,而不是移动设备的视频播放器

以下是我正在使用的代码:

 <video controls="false" autoplay="autoplay">
   <source src="img/sds.mp4" type="video/mp4" media="all and (min-width:600px)"> 
</video>


在宽度低于600px的设备上,我只想显示html,而不显示视频,是否可以在视频标签内这样做?或者我必须隐藏整个视频标签,并将其替换为仅在移动设备中显示的div标签吗?

您无法按照描述的方式在源标签中使用媒体查询。您必须在CSS中执行此操作,例如:

@media all  and (max-width : 600px) {
video{
    display:none;
    }
}