【问题标题】:How do I add an event listener?如何添加事件监听器?
【发布时间】:2013-09-17 05:02:39
【问题描述】:

我用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(); 播放视频就好了!但是,如何将侦听器绑定到该函数以便执行其他任务?我添加的监听器根本没有触发。

【问题讨论】:

    标签: javascript jquery events vimeo addeventlistener


    【解决方案1】:
    $('video').bind('play', function (e) {
        // do something
    });
    
    try using this...
    

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

    【讨论】:

    • 我真的宁愿用他们的api来做这个,我没有在帖子中说明这一点,但它是我正在写的一个插件,我也不想只依赖html5
    • 你必须为 eventlistner 再传递 1 个参数,我已经分享了一个简单的例子......
    【解决方案2】:

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

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

    这在Flash Embed Code: 下演示:

    finish 事件添加监听器:

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

    【讨论】:

    • 不幸的是,这不起作用,document.getElementById(id).api_addEventListener('play', play); 什么也没做......
    【解决方案3】:

    添加事件监听需要三个参数,这里是一个例子:

    function doSomething() {
       alert('Image clicked');
    }
    
    var myButton = document.getElementById('my_button_id');
    
    myButton.addEventListener('click', doSomething, false);
    

    【讨论】:

      【解决方案4】:

      我正在处理完全相同的问题。 只要我尝试了无数次,

      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 相同,这应该可以正常工作。 英语不是我的第一语言。有不明白的地方见谅。

      【讨论】:

      猜你喜欢
      • 2020-06-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多