2017-08-01 6 views
0

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>

+0

制限はありませんが、このようなビデオの多くは必ずメモリに影響します –

答えて

0

CPU集約型タスクであり、また、モハマド・ノートとして、メモリを使用して、ネットワークの帯域幅ます。

多くのデバイスは、ビデオ再生のハードウェアサポートを提供し、スピードアップし、処理とバッテリの使用を削減します。ただし、これは一般に同時に再生される多くの動画をサポートするようには設計されていません。

ほとんどのデバイスは、あなたが記述しているテストページのタイプにいくつかの問題があることを実証します。ブラウザやマシンによって症状は異なるかもしれませんが、かなり多くのものが同時にこの多くのビデオを再生しようとします。

このタイプのページへの典型的なアプローチは、あなたのニーズを満たしていないかもしれませんが、すべての動画のサムネイルを選択し、選択したときに再生することです。

関連する問題