Javascript HTML5音频无方法播放

我的标记

这是JQuery代码

每次我按play时都会不断给我错误信息

<div class = "container">
    <legend><strong>Zedd - Spectrum</legend></h4>
    <div class = "art-item"><img src="uploads/arts/default.jpg"></div>
        <audio class = "audio-player" src = "uploads/tracks/02 So Far.mp3">
        </audio>

            <div class = "playerContainer">

                <ul id =  "playerControls" >
                    <li class = "play-bt"></li>
                    <li class = "pause-bt"></li>
                    <li><div class ="progressContainer"><!-- Progess bars container //-->
                        <div class ="progressbar"></div>
                    </div>
                    </li>

                </ul>
                <span class ="timecode">0:00</span>
            </div>
</div>


<div class = "container">
    <legend><strong>Zedd - Spectrum</legend></h4>
    <div class = "art-item"><img src="uploads/arts/default.jpg"></div>
        <audio class = "audio-player" src = "uploads/tracks/track3.mp3">
        </audio>

            <div class = "playerContainer">

                <ul id =  "playerControls" >
                    <li class = "play-bt"></li>
                    <li class = "pause-bt"></li>
                    <li><div class ="progressContainer"><!-- Progess bars container //-->
                        <div class ="progressbar"></div>
                    </div>
                    </li>

                </ul>
                <span class ="timecode">0:00</span>
            </div>
</div>

Zedd-光谱






0:00
Zedd-光谱






0:00

每次我点击播放bt，它总是给我这个错误

Uncaught TypeError: Object #<Object> has no method 'play' 

未捕获类型错误：对象#没有方法“播放”

---

音频标记不是有播放方法吗？

您可以访问jquery，而不是这里的普通dom标记 因此，请尝试：

jQuery返回的是，而不是本机，因此您需要通过

.find（）

返回：

---

如果我有两个音频播放器呢？但它在另一个容器中？@user962206我不太明白。也许您可以编辑您的问题以显示您实际使用的标记。@user962206意味着如果您在使用Javascript工具包将内容粉碎之前花时间学习Javascript，您可能从一开始就发现了这个非常简单的错误，您的第二个问题将是没有意义的。不是想说得太苛刻，只是想让大家明白，你需要备份，花几天时间来学习JS。我被抓得措手不及。不过还是要谢谢你！：）现在我明白了。谢谢各位。虽然莱蒙有点冒犯性，但事实是这样的。真的，如果你想学习ping me，我会给你很多免费资源。我有时可能会说得很严厉，但这只是为了指出一个谬误，即试图为一种不可知论者不理解的语言使用工具包。为了补充其他人所说的，请尝试从Web服务器提供包含媒体播放器的html页面。

$artItem.find("audio")[0].play()

$artItem.find('audio')[0].play();
// or
$artItem.find('audio').get(0).play();