0

次のコードを使用して html5 ビデオを再生しています:-

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" data-setup="{}">
    <source src="http://s3.amazonaws.com/o2media.videolibrary/348.mp4" type='video/mp4'>
</video>

これをブラウザで再生するとうまく動作しますが、iPhone や類似のデバイスでは再生されません。

ブラウザと他のデバイスの両方で再生できるように、これらのビデオのサイズを変更するにはどうすればよいですか?

編集

関数の呼び出し時に javascript を使用してウィンドウのサイズを変更する方法はありますか?

よろしくヴィシャール

4

1 に答える 1

0

ビデオのサイズを変更する場合は、2 つの選択肢があります。1 つ目は、iPhone を使用していることを検出した場合に要素の幅/高さのパラメーターを調整する<video>ことです。2 つ目は、要素のサイズを変更するだけでなく、より高いビットレートを送信するのではなく、モバイルで使用するためのより適切なビットレート ビデオを選択することです。

UserAgent 検出 (あまり良くない) または CSS メディア クエリ (この記事を参照してください - http://www.quirksmode.org/blog/archives/2010/08/combining_media.html ) を使用すると、現在のウィンドウのサイズとそれに応じてコードを変更できます。

ウィンドウのサイズを変更するには...自分で作成したウィンドウでない限り、最新のブラウザのほとんどはこれを無効にします - 詳細については、Chrome と Opera で javascript の "resizeTo" 関数が機能しないを参照してください。

于 2013-03-01T15:57:02.937 に答える