MP4ビデオを再生するには、次のスクリプトを使用します。
$("#jplayer").jPlayer("setMedia", {
m4v: "./videos/test.mp4"
}).jPlayer("play", 0);
プレーヤーは次のコードで初期化されます。
$("#jplayer").jPlayer({
swfPath: "./jplayer/",
supplied: "m4v",
solutions: "flash, html",
size: {
width: "640px",
height: "460px"
},
nativeVideoControls: {
all: /./
},
});
Chrome / IEでビデオを開くと、すべて正常に動作します。しかし、Opera / Firefoxではフラッシュがロードされています(フラッシュ埋め込みコードがページに表示されます)が、ビデオはロードされておらず、何も再生されません。これがOpera/Firefoxのjplayerdivにロードされているコードです
<div id="jplayer" class="jp-jplayer" style="width: 640px; height: 460px; display: block;">
<img id="jp_poster_1" style="width: 640px; height: 460px; display: none;">
<object id="jp_flash_1" width="1" height="1" data="./jplayer/Jplayer.swf" type="application/x-shockwave-flash" style="width: 0px; height: 0px;">
<param name="flashvars" value="jQuery=jQuery&id=jplayer&vol=0.8&muted=false">
<param name="allowscriptaccess" value="always">
<param name="bgcolor" value="#000000">
<param name="wmode" value="opaque">
</object>
</div>
何を試すべきか提案できますか?フラッシュプレーヤーへのパスが正しい場合、そのような問題を引き起こす可能性があるものを理解することはできません。