Javascript myAudio.play()不是函数

Javascript myAudio.play()不是函数,javascript,jquery,html,mp3,html5-audio,Javascript,Jquery,Html,Mp3,Html5 Audio,当我尝试播放音频文件时,收到一条奇怪的消息 在我的html中,我得到了一个声音文件: <audio id="song" src="song.mp3"></audio> 我没有听到声音,控制台上显示警告信息:“myAudio.play()不是功能”。基于您的问题的示例解决方案: var myAudio=$(“#歌曲”)[0]; var显示=假; 函数togglePlay(){ 如果(显示){ myAudio.pause(); }否则{ myAudio.play(); }

当我尝试播放音频文件时,收到一条奇怪的消息

在我的html中,我得到了一个声音文件:

<audio id="song" src="song.mp3"></audio>

我没有听到声音,控制台上显示警告信息:“myAudio.play()不是功能”。

基于您的问题的示例解决方案:

var myAudio=$(“#歌曲”)[0];
var显示=假;
函数togglePlay(){
如果(显示){
myAudio.pause();
}否则{
myAudio.play();
}
};
myAudio.onplaying=函数(){
isplay=true;
};
myAudio.onpause=函数(){
isplay=false;
};


var myAudio=$(“歌曲”)-返回jQueery对象,而不是HTML元素。。。jQueery对“玩”一无所知。。。使用
var myAudio=document.getElementByID('song')-或者,如果您决定使用jQueery完成这样一个简单的任务,请使用
var myAudio=$(“#歌曲”)[0]
这样myAudio就有了唯一一个带有该ID的音频标签。谢谢。现在它告诉我document.getElementByID不是一个函数!!由于我的故意错误-
文档。getElementById
是您正在寻找的真正函数
<img onclick="togglePlay()" src="image.png" width="100%">
                    </div>
  var myAudio = $("#song");

  var isPlaying = false;
  function togglePlay() {
     if (isPlaying) {
          myAudio.pause();
      } else {
        myAudio.play();
      }
   };
   myAudio.onplaying = function() {
      isPlaying = true;
   };
   myAudio.onpause = function() {
      isPlaying = false;
   };