大佬教程收集整理的这篇文章主要介绍了jquery – 如何在视频js中创建海关按钮，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我成功地在视频js上设置了我的播放器.
<script>
$(document).ready(function(){
var player = videojs('video1');
var myButton = player.controlBar.addChild('button',{
text: "Press me",// other options
});
myButton.addClass("html-classname");
});
</script>
我也试过这个代码在video js component documentation.的播放器中添加按钮
<script>
$(document).ready(function(){
var player = videojs('video1');
var button = player.addChild('button');
button.el();
});
</script>
这是我的codeOpen fiddle请纠正我的错误.
这是创建新按钮的更强大的方法.您可以在onclick功能中执行任何操作.
function newButtonToggle () {
videojs.newButton = videojs.Button.extend({
init: function(player,options){
videojs.Button.call(this,player,options);
this.on('click',this.onClick);
}
});
videojs.newButton.prototype.onClick = function() {
//Add click routine here..
};
//Creating New Button
var createNewButton = function() {
var props = {
className: 'vjs-new-button vjs-control',innerHTML: '<div class="vjs-control-content">' + ('New') + '</div>',role: 'button','aria-live': 'polite',tabIndex: 0
};
return videojs.Component.prototype.createEl(null,props);
};
//Adding the newly created button to Control Bar
videojs.plugin('newButton',function() {
var options = { 'el' : createNewButton() };
newButton = new videojs.newButton(this,options);
this.controlBar.el().appendChild(newButton.el());
});
//Now setting up Player
var vid = videojs("sampleVideo",{
plugins : { newButton : {} }
});
}
newButtonToggle();
这是更新的codepen
以上是大佬教程为你收集整理的jquery – 如何在视频js中创建海关按钮全部内容，希望文章能够帮你解决jquery – 如何在视频js中创建海关按钮所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。