ios10 safari上的html页面中是否存在视频元素的限制

问题描述：

我有一个用于显示gif的html页面。我想通过将这些gif转换为视频来优化它。我让他们静音，设置“显示在线”和“自动播放”。ios10 safari上的html页面中是否存在视频元素的限制

我使用ios 10 safari在iPhone上测试了它; 但奇怪的是，当视频数量大于16（可能）时，其中一些（随机位置）将变成空的方块。我使用相同的'src'值设置每个视频，而不是更改。

所以，我不知道在ios safari中的HTML页面的视频是否有限制？

<html> 
 
<body> 
 
<style> 
 
video{ 
 
    width:100%; 
 
    margin-bottom: 20px; 
 
} 
 
</style> 
 
<p> 
 
<video src="http://dev.mediapool.fi/demot/iosvideo/puuvideo.mp4" muted loop playsinline autoplay></video> 
 
</p> 
 
<p> 
 
<video src="http://dev.mediapool.fi/demot/iosvideo/puuvideo.mp4" muted loop playsinline autoplay></video> 
 
</p> 
 
<!--....same video repeat 20 times --> 
 
</body> 
 
</html>

应该没有限制，但是有这么多的视频肯定会影响内存 –

答

播放视频是CPU密集型任务，同时还将使用内存，为*指出，和网络带宽。

许多设备将支持视频播放硬件，以帮助加速并减少处理和电池使用。但是，这通常不会被设计为支持同时播放许多视频。

大多数设备都会演示一些与您所描述的测试页类型有关的问题 - 这些症状在不同的浏览器和不同的机器上可能会有所不同，但几乎所有人都很难同时播放这些视频。

虽然这种类型的页面可能无法满足您的需求，但它的典型方法是为所有视频制作缩略图，并在选择或悬停播放视频时开始播放。

ios10 safari上的html页面中是否存在视频元素的限制

相关推荐