在Videojs 4.0中创建插件

时间:2013-06-17 15:58:06

标签: javascript html5 html5-video video.js

我为4.0+版本创建了一个这样的插件

function examplePlugin(options) {
    this.on('play', function(e) {
    console.log('playback has started!');
    });

    vjs.NewPlayButton = vjs.Component.extend({
        init: function(player, options){
            vjs.Component.call(this, player, options);
            console.log('init New play btn');
        }
    });  

};

并注册了

这个插件
vjs.plugin('examplePlugin', examplePlugin);

我将这些库包含在html之上,如

<script src="js/video.dev.js"></script>
<script src="js/exampleplugin.js"></script>  

在很多示例中,我已经看到,我们可以通过当前视频实例初始化插件,我想在所有实例中添加此插件,这将是动态的。

就像它必须添加的默认组件一样。现在我没有得到任何日志。

有没有办法初始化它?甚至不作为插件,我只想添加一个自定义组件。

1 个答案:

答案 0 :(得分:0)

插件会自动添加到播放器原型中,但是我无法自动初始化它们。我认为你想要的是将组件添加到默认的组件列表中。

https://github.com/videojs/video.js/blob/v4.0.4/src/js/core.js#L82

您可以尝试以下方式:

videojs.options.children.newPlayButton = {};

(除了你制作videojs.NewPlayButton的代码)