iphone - 防止在 iPhone 上加载 HTML5 视频

Question

我想加载一个视频以在台式机和平板电脑上播放，但阻止它在 iPhone 上加载，因为它只是一个图形元素。

这是我的代码：

<video width="980" height="400" poster="/poster.jpg" autoplay loop>
 <source src="/images/front.mp4" type="video/mp4">
 <source src="/images/front.webm" type="video/webm">
 Your browser does not support the video tag.
</video>

如何告诉 iPhone 不加载视频而只显示海报框​​架？

谢谢。

Answer 1

像这样的东西应该工作：

<script>
var videoElement = document.getElementsByTagName("video")[0];

if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    videoElement.parentNode.removeChild(videoElement);
    videoElement.pause();
}
</script>

这假设您在页面上只有一个video元素。

此外，请务必将 JavaScript 放在结束body元素之前或将其放在外部 JavaScript 文件中。