我有一个网站，该网站每页需要托管多个嵌入式视频（台式机/ Android设备为.webm，iOS为.mp4文件的备用）。它们嵌入了以下标签：
<video class='center' muted nocontrols autoplay playsinline loop preload='auto'>
<source src=[webm address] type='video/webm; codecs="vp8, vorbis"'>
<source src=[mp4 address] type='video/mp4; codecs=avc1.42E01E,mp4a.40.2'>
</video>
mp4是使用以下ffmpeg命令生成的：
ffmpeg -i [input webm] -movflags +faststart -vf scale=512:-1 -crf 23 -preset veryslow -c:v libx264 -profile:v baseline -level:v 3.0 -c:a copy [output mp4]
少于16个视频的页面在iOS 10+上可以正常显示，但是由于某些原因，当页面在iOS设备上超过该阈值时，一些视频元素会随机消失，仅剩下16个玩。如果重新加载，视频会发生变化，但在任何给定时间播放的视频都不会超过16个。
This other Stack Overflow thread提到，在iOS上，任何给定网页中都有16个视频元素的“硬限制”；那是对的吗？如果是这样，是否可以通过仅在视频元素处于可见范围内时创建视频元素，而在视频元素不在可见范围内时将其销毁来避免这种情况？
我该怎么做呢？抱歉，这是一个基本问题，但是我是新手。
谢谢！