違いは、ポータブル Firefoxで動作するようにしようとしていることです。
関連する js/html コードは次のとおりです。
<table id="videoBox" border="0" width="541px" height="350px" cellspacing="10" cellpadding="0" >
<tr>
<td width="521px" valign="middle" align="center">
<div id="video" style="width:521px; height:324px;"></div>
<script language="JavaScript">
var bgImg = 'url(../theme/img/video-overlay-en.jpg)';
flowplayer('video', '../theme/flowplayer-3.1.4.swf', {
onLoad: function() {
this.setVolume(100); // set volume to 100%
},
onBeforeFullscreen: function() { return false; },
buffering: false,
debug: false,
canvas: {
backgroundColor: "transparent",
backgroundGradient: 'none'
},
plugins: {
content: {
url: '../theme/flowplayer.content-3.1.0.swf',
backgroundImage: bgImg,
height: 95,
width: 521,
padding: 0,
bottom: 0,
opacity: 1.0
},
controls: null
},
clip: {
url: '../media/44/01.flv',
autoPlay: true,
autoBuffering: true,
},
play: {
opacity: 0,
label: null,
replayLabel: null
}
});
</script>
</td>
</tr>
</table>
問題は、最初に「バッファリング シンボル」が一瞬あるように見えても、ビデオが再生されないことです。上記のリンクで機能するソリューションを明らかに試しました(つまり、divタグのコードを変更します)が、うまくいきませんでした。どんな助けでも大歓迎です。
PSご覧のとおり、古いバージョンのflowplayerですが、違いはありません