使用videojs播放rtmp直流视频，添加click事件，为啥只有点击控制栏的播放/停止按钮有效

[代码的忧伤]

js:
videojs.options.flash.swf = "{{ STATIC_URL }}video-js/video-js.swf"
var player = videojs('videoPlayer', {}, function() {
this.on('click',function(){
console.log('click');
});
});
html：
<div id="video-monitor">
<div class="row-fluid">
<div class="span6">
<video id="videoPlayer" class="video-js vjs-default-skin vjs-big-play-centered"
controls autoplay preload="auto" width="640" height="360"
data-setup='{ "html5" : { "nativeTextTracks" : false } }'>
<source src='rtmp://host/live/tm1' type='rtmp/mp4' />
</video>
</div>
</div>
</div>

结果:
点击视频画面时，控制台不会打印click;只有点击控制栏的播放/停止按钮时，控制台才会打印click；我希望点击播放画面时，控制台也打印click。请问怎么处理好呢？

[药酱]

如何解决呢？