Question

我有一个使用<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>

有什么想法吗？谢谢！

Answer 1

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

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

Answer 2

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

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

如果<video>则不在手机上播放

2 个答案: