4

次のエラーが表示されます。HTML5を使用しています。音声ファイルを追加しようとしています。エラーは次のとおりです。

プロパティ 'jPlayer' の値を取得できません: オブジェクトが null または未定義です

でエラーをスローしています

これは私のスクリプトです：

 $(document).ready(function () {
            $("#jpId").jPlayer({
                ready: function () {
                    this.element.jPlayer("setFile", "../179_short_all-the-family-together_0033.mp3"); // Defines the counterpart mp3 and ogg files
                },
                oggSupport: true,

            });
        });

私のHTML5 div:

<div id="jpId">
</div>

タグを使用してみましたが、IE8、IE9、Firefox、Chrome で動作する音楽が必要です。.ogg ファイルを追加する必要があることはわかっていますが、他のファイル タイプを追加する前にそれを機能させたいと考えていました。ありがとう！

4

1 に答える 1

1

最初に jPlayer Demo コードとドキュメントを確認する必要があると思います。(http://www.jplayer.org)

そして、次のようにjsを変更する必要があると思います：

$('#jpId').jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", { //use "setMedia". "setFile" doesn't in DevGuide
            mp3: "class.mp3", //set mp3 media path, also can use url
            oga: "pop.ogg" // set ogg media path, pay attention to use "oga" not "ogg"
        });
    },
    preload: "none",
    supplied: "oga, mp3", //test set the order of media you want to use
    cssSelectorAncestor: "#jpContainer" // in order to add the controller
});

HTML コードの提案:

<div id="jpId"></div>
<div id="jpContainer">
    <a href="javascript:;" class="jp-play" tabindex="1">play</a>
    <a href="javascript:;" class="jp-pause" tabindex="1">pause</a>
 </div>

私が書いた DEMO ページを確認できます:
http://ohcool.org/sof/13628641.html

ブラウザの音楽ファイル タイプのサポートについて詳しく知りたい場合は、http:
//html5doctor.com/native-audio-in-the-browser/を確認してください。

幸運を！

于 2012-11-29T16:53:55.657 に答える