Question

我正在尝试创建一个插件，当用户将鼠标悬停或暂停视频时，该插件会向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"));
  });
});

Answer 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）。

VideoJS - 将插件绑定到controlBar fadeIn的最佳方法

1 个答案: