向控件栏中添加用于查找的自定义控件。
向控件栏中添加用于查找的自定义控件。
提问于 2014-04-27 20:05:32
我有一个用例，在这个用例中，我需要使用自定义按钮在视频中前后查找。我已经附上了我的玩家的屏幕截图(链接在下面)，包括在底部的控制(-10-5 +5 +10)。它的工作原理，当点击，视频寻求正确的位置。
我的播放器图片：http://tinyurl.com/k93xnya
经过几个小时的研究，我不能想办法在控制棒上做同样的事情？我需要他们是控制条选项，以便他们可以在全屏模式下使用。
如有任何帮助或指导，将不胜感激。谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-04-28 09:43:50
Stack Overflow用户
发布于 2014-05-13 22:00:53
对于我的插件之一，我使用这种方法在播放/暂停切换的两边插入一个“前一个”和“下一步”按钮。
-First --我们使用addChild()创建/添加新控件到控件栏
然后，-I使用一个函数来查找play按钮的位置，因为那是我的参考点。
-Once我知道播放按钮的位置，我可以在它前面插入“前一个”按钮
-Once我知道play按钮的新位置，我可以在它后面插入" next“按钮(在下一个兄弟之前)。
this.playlist.advancePlaylistButton = this.controlBar.addChild('advancePlaylist');
this.playlist.regressPlaylistButton = this.controlBar.addChild('regressPlaylist');
var playToggleLocation = 0;
var playLocation = function() {
var controlBarChildren = this.controlBar.el().childNodes;
var loc = -1;
for ( var x = 0; x < controlBarChildren.length; x++ ) {
if ( controlBarChildren[x].className.indexOf('vjs-play-control') != -1) {
loc = x;
break;
}
}
return loc;
};
playToggleLocation = playLocation();
this.controlBar.el().insertBefore( this.playlist.regressPlaylistButton.el(), this.controlBar.el().childNodes[playToggleLocation] );
this.controlBar.el().insertBefore( this.playlist.advancePlaylistButton.el(), this.controlBar.el().childNodes[playToggleLocation+1] );页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23328352
复制相关文章
相似问题
腾讯云开发者
