1

ユーザーがビデオにカーソルを合わせたり一時停止したりすると、videojs プレーヤーのオーバーレイに共有ボタンを追加するプラグインを作成しようとしています。隠れているとき。私のハックな解決策は、プレーヤーの「controlsvisible」および「controlshidden」イベントをリッスンし、それらがトリガーされたときに要素でフェードイン/アウトを呼び出すことです。

それは私が利用できる最高のフックですか、それとも推奨される方法はありますか?

サンプル:

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"));
  });
});
4

1 に答える 1

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) を使用できるようになります。

于 2013-08-02T23:17:27.200 に答える