有名な jwPlayer で問題が発生しました。実際、問題は IE (8 または 7) がフラッシュ プレーヤーを処理する方法にあります。
彼らの問題: ローリング バナー (jquery サイクルを使用) を取得しました。このバナーでは、2 つの画像とビデオを取得しました。ビデオは jwPlayer を使用して駆動されます。バナーの動作を期待する方法は次のとおりです。
- 各バナーを転がす
- バナーがビデオの場合は開始します。
これはJavaScriptです:
$('#slideshow')
.before('<div id="nav">')
.cycle({
fx: 'fade',
timeoutFn: calculateTimeout,
timeout: 20000,
pause: 1,
pager: '#nav'
});
function calculateTimeout(currElement, nextElement, opts, isForward) {
if ($(nextElement).attr("class") == "video-banner") {
return 20000;
} else {
return 8000;
}
ご覧のとおり、ループ変数を true に設定し、autostart を true に設定しました。
<div runat="server" id="video" class="video-banner">
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<object id="Object1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" height="384" type="video/mp4">
<param name="movie" value="/uploads/Banner/Rainmaker.mp4" />
<param name="wmode" value="window" />
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="always" />
<param name="loop" value="true" />
<param name="flashvars" value="file=/uploads/Banner/Durp.mp4&autostart=true" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="/jwplayer/player.swf"
width="612"
height="384"
allowscriptaccess="always"
allowfullscreen="false"
autostart="true"
wmode="window"
loop="true"
flashvars="file=/uploads/Banner/Durp.mp4&autostart=true&"
/>
</object>
<!-- END OF THE PLAYER EMBEDDING -->
<img style="border-width: 0px;" src="/Uploads/Banner/banner.jpg">
</div>
すべての通常のブラウザでは、ビデオがバナーに表示されると、彼は自分で開始します。
IE (7 および 8) で通常のブラウザと同じ動作をさせるように誰か助けてもらえますか?