2013-03-02 1 views
0

Можно ли определить, когда нажата кнопка воспроизведения в аудиоплеере html5? Например:Выполнить функцию при нажатии кнопки воспроизведения html audio player

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

Безопасно ли предположить, что вы не заинтересованы в акте нажатия на кнопку воспроизведения сам по себе, а скорее в начале (или возобновлении) воспроизведения? – ultranaut

ответ

2

Походит (хех) вы ищете play события.

<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> 

Полный список доступных событий, по крайней мере, в соответствии со спецификацией, проверить WHATWG doc

+0

Это не похоже на что-то ... вместо console.log Я добавил предупреждение ('play') ;, и назначил id = "player" на аудиоплеер, при нажатии кнопки play не появляется предупреждение. – Windbrand

+0

Попробуйте эту скрипку: http://jsfiddle.net/ultranaut/ZubfF/. Кстати, вы используете фактический файл в качестве источника? – ultranaut

+0

Я понятия не имею, почему мой не работает. Эта скрипка работает. Мой код в значительной степени похож на него ... да, я использую настоящий звуковой файл. var player = document.getElementsByClassName («звук»); \t \t \t player.addEventListener ("играть", функция() { \t \t \t \t предупреждение ("играть"); \t \t \t}); – Windbrand