私は JW Player を使用していますが、ユーザーが使用しているブラウザに応じて異なるビデオ形式をロードしたいと考えています。ドキュメントによると、「レベル」はこれを達成するためのパラメーターである必要があります。
これは私のコードです:
<div id='mediaplayer'></div>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
flashplayer: "jwplayer/player.swf",
id: 'playerID2',
width: '640',
height: '360',
levels: [
{ file: "http://mydomain.com/video.flv" },
{ file: "http://mydomain.com/video.mp4" }
]
});
</script>
このコードではプレーヤーが表示されますが、モバイル デバイスでタップしても何も起こりません。通常のブラウザでは、ビデオを正しく再生します。
ユーザーが iPad や iPhone などのモバイル デバイスを使用している場合に備えて、これを使用したいと考えています。通常のブラウザー (Firefox) では、"levels" を使用せずにfile: "http://mydomain.com/video.flv"パラメーターのみを使用すると、完全に機能します。FLV であるため、iPad では機能しません。はい、通常のブラウザには FLV バージョンを使用する必要があります。
また、各モード (html5 とフラッシュ) ごとに異なるファイルを示す"modes"パラメーターを使用してみましたが、この場合はプレーヤーも表示されません。
何か案は?