javascript - 如何添加事件监听器？

Question

我使用 swfobject 嵌入 vimeo 视频，很简单，

var vimPlayer;
function vimeo_player_loaded(id){        
    vimPlayer = document.getElementById(id);           
    vimPlayer.addEventListener('play', function(){
        alert('Playing');
    });
    vimPlayer.api_play();  
}

vimPlayer.api_play();播放视频就好了！但是，如何将侦听器绑定到该函数以便执行其他任务？我添加的监听器根本不会触发。

Answer 1

我正在解决完全相同的问题。只要尝试了无数次，

function vimeo_player_loaded(id){        
    vimPlayer = document.getElementById(id);           
    vimPlayer.api_addEventListener('play', 'vimeo_play');
    vimPlayer.api_play();  
}
function vimeo_play(){
    console.log("play");
}

如果 HTML 中的 player_id 和 id 相同，这应该可以正常工作。英语不是我的第一语言。对不起，如果很难理解。

Answer 2

添加事件监听器需要三个参数，这里是一个例子：

function doSomething() {
   alert('Image clicked');
}

var myButton = document.getElementById('my_button_id');

myButton.addEventListener('click', doSomething, false);

Answer 3

$('video').bind('play', function (e) {
    // do something
});

try using this...

http://www.w3.org/2010/05/video/mediaevents.html

Answer 4

如果使用 Flash Embeds，其中play()前缀为api_play()，需要前缀的还包括addEventListener()：

vimPlayer.api_addEventListener('play', function () {
    alert('Playing');
});

这在Flash 嵌入代码下进行了演示：

为finish事件添加监听器：

document.getElementById('vimeo_player').api_addEventListener('finish', function(event) {
    // do stuff here
});