我正在尝试创建一个插件,当用户将鼠标悬停或暂停视频时,它会向videojs播放器的叠加添加一个共享按钮 - 基本上我希望我的元素在控制栏显示和淡出时淡入播放器当它被隐藏 . 我的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"));
});
});
1 回答
我实际上正在更新这个 . 你可以在我的分支中看到CSS:https://github.com/heff/video-js/blob/feature/control-bar-fixes/src/css/video-js.less
您将能够使用事件(useractive / userpassive)或CSS类(vjs-user-active / vjs-user-passive) .