ユーザーがビデオにカーソルを合わせたり一時停止したりすると、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"));
});
});