0

Wifi と Edge 接続の両方の iOS と互換性があるように、異なるビットレートで MP4 ビデオ ファイルをエンコードしています。HTML5 ビデオ タグを使用して、Web サイトからプログレッシブにロードしたいと考えています。

WiFi 上の iOS 用にエンコードされた video_big.mp4
H.264 ベースライン、25fps、640x480、500kbps

Edge/3G 上の iOS 用にエンコードされた video_small.mp4
H.264 ベースライン、25fps、320x240、56kbps

私の質問は次のとおりです。Wifi 経由で接続された iOS デバイスに video_big.mp4 を提供し、Edge/3G 経由で接続された iOS デバイスに video_small.mp4 を提供する HTML5 ビデオ タグを作成するにはどうすればよいです? PHP/Apache サーバーで実行しています。ありがとうございました :)

4

2 に答える 2

3

残念ながら、現在、デバイスが接続されているネットワークの種類 (または速度) を検出する信頼できる方法がないため、できません。

現時点でできる最善の方法は、メディア クエリを使用して、小さな画面は小さなデバイスを意味すると (おそらく間違って) 想定し、ネットワーク接続速度に関係なく低解像度のビデオを提供することです。

例えば:

<video controls>
   <source src="video_small.mp4" type="video/mp4" media="all and (max-width:360px)">
   <source src="video_big.mp4 " type="video/mp4">
</video>
于 2013-11-12T09:49:44.377 に答える