如果 <video> 则不要在移动设备上播放答案

【问题标题】：If <video> then don't play on mobile如果 <video> 则不要在移动设备上播放
【发布时间】：2015-07-10 11:32:19
【问题描述】：

我有一个使用 <video> 标记并运行 .webm 文件的 HTML5 页面。一切都很顺利。

但是，我不想在移动设备上播放视频，而是将其替换为 .jpeg 海报。

这是现在的设置：

<video id="video" preload="auto" poster="video1.jpg" autoplay muted loop>
    <source src="video1.webm" type="video/webm" />
    <source src="video1.ogv" type="video/ogv" />
    <source src="video1.mp4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>

有什么想法吗？谢谢！

【问题讨论】：

标签： html video mobile html5-video

【解决方案1】：

您可以通过媒体查询和“display:none;”隐藏视频标签然后将其替换为桌面隐藏的 img-tag。

对不起，简短的答案...用我的手机写的；）我回家后会立即更新答案。

【讨论】：

【解决方案2】：

默认情况下，大多数手机和平板电脑不会自动播放视频，您需要添加静态背景作为移动设备的后备。

https://www.aerserv.com/why-does-video-autoplay-on-mobile-devices-not-work/

【讨论】：