我正在尝试创建一个插件，当用户悬停或暂停视频时，它将在 videojs 播放器的叠加层中添加一个共享按钮 - 基本上我希望我的元素在 controlBar 显示和淡出时淡入播放器当它被隐藏时。我的hackish 解决方案是监听玩家的“controlsvisible”和“controlshidden”事件，并在这些事件触发时在我的元素上调用fadeIn/Out。
这是我能用的最好的钩子，还是有首选的方法？
样本：
videojs.plugin('shareButtons', function(options) {
var shareBtn;
shareBtn = $('<a href="#" id="player-share"><span class="icon-share"></span>share</a>');
shareBtn.click(function() {
return alert("share");
});
$(this.el()).append(shareBtn);
this.on("controlsvisible", function() {
return vjs.Component.prototype.fadeIn.call($("#player-share"));
});
return this.on("controlshidden", function() {
return vjs.Component.prototype.fadeOut.call($("#player-share"));
});
});