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文件中。

阻止在iPhone上加载HTML5视频

1 个答案: