У меня есть веб-сайт, на котором необходимо разместить несколько встроенных видео на страницу (.webm для настольных компьютеров и устройств Android, с резервным копированием файлов .mp4 для iOS).В них встроен следующий тег:
<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.
В этом другом потоке переполнения стека упоминается, что на iOS существует "жесткое ограничение"16 видеоэлементов на любой веб-странице;это верно?И если да, то можно ли это обойти, создавая элементы видео только тогда, когда они находятся в поле зрения, и уничтожая их, когда их нет?
Как я могу это сделать?Извините, если это основной вопрос, но я новичок в этом.
Спасибо!