gifを表示するためのhtmlページがあります。それらのGIFをビデオに変換して最適化したいと思います。私はそれらをミュートにし、 'displayinline'と 'autoplay'を設定します。ios10サファリの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>
制限はありませんが、このようなビデオの多くは必ずメモリに影響します –