私はhtmlバージョンが正常に動作するjqueryjplayerを持っています。フラッシュバージョンをデフォルトとしてロードしようとすると、動作しなくなります。
ページを読み込むと、Chromeコンソールに「PPB_Graphics2D.PaintImageData:Rectangleisoutsidebounds」というエラーが2回表示されます。FirefoxはJSエラーを表示しません。
これがjQueryコードです。
$("#jquery_jplayer_1").jPlayer({
solution:"flash, html",
play: function() { // To avoid both jPlayers playing together.
$(this).jPlayer("pauseOthers");
},
ready: function () {
$(this).jPlayer("setMedia", {
mp3: "http://test.com/music.mp3"
});
},
swfPath: "player/jplayer",
supplied: "mp3",
cssSelectorAncestor: "#jp-audio-container1"
});
解決策を解決策に逆にすると、「html、flash」、プレーヤーは正常に動作します。これは、スクリプトによって生成されたフラッシュプレーヤーです。
<embed name="jp_flash_0" id="jp_flash_0" src="player/jplayer/Jplayer.swf" width="0" height="0" bgcolor="#000000" quality="high" flashvars="id=jquery_jplayer_1&vol=0.8&muted=false" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="width: 0px; height: 0px; ">
mp3URLが正常に機能していることを確認しました。また、(Chromeネットワークを使用して)JPlayer.swfファイルのパスが正しく、上記のコードからアクセスできることを確認しました。
理由は何でしょうか?