4

我收到以下错误。我正在使用 HTML5。我正在尝试添加音频文件。错误是：

无法获取属性“jPlayer”的值：对象为空或未定义

它在

这是我的脚本：

 $(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 回答