Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当html音频播放器';单击“播放”按钮_Html_Audio_Playback - Fatal编程技术网

当html音频播放器';单击“播放”按钮

当html音频播放器';单击“播放”按钮,html,audio,playback,Html,Audio,Playback,是否可以检测html5音频播放器中的播放按钮何时被单击? 例如: <audio controls> <source src="music.mp3"/> <source src="music.ogg" /> </audio> .... .... $('playbutton').on('click', function(e){ //some functions }); .... .... $('playbutton')。在(

是否可以检测html5音频播放器中的播放按钮何时被单击? 例如:

<audio controls>
    <source src="music.mp3"/>
    <source src="music.ogg" />
</audio>
....
....
$('playbutton').on('click', function(e){
    //some functions
});

....
....
$('playbutton')。在('click',函数(e)上{
//一些功能
});
听起来(嘿)你在寻找
播放事件

<audio controls id="player">
  <source src="music.mp3">
</audio>

<script>
  var player = document.getElementById("player");
  player.addEventListener("play", function () {
      console.log("it's go time");
  });
</script>

可以安全地假设您对点击播放按钮本身不感兴趣,而是对播放的开始(或恢复)感兴趣吗?它似乎没有任何作用。。。我没有添加console.log,而是添加了警报(“播放”);,并将id=“player”分配给音频播放器,单击“播放”时不会弹出警报。请在此小提琴上尝试:。顺便说一句,你使用的是一个实际的文件作为你的来源吗?我不知道为什么我的不工作。那把小提琴有用。我的代码非常像它。。。是的,我使用的是真实的声音文件。var player=document.getElementsByClassName(“声音”);addEventListener(“play”,函数(){alert(“playing”);})
getElementsByClassName
返回一个
NodeList
,如果只有一个实例,则需要将事件侦听器附加到
player[0]
,或者将其附加到每个节点。如果使用jQuery附加事件,则使用
.on()
,而不是
addEventListener
。所以您需要将其称为
$('.sound')。on('play',function(){}),您在上面的评论中缺少
$