在Videojs 4.0中创建插件

Create plugin in Videojs 4.0

本文关键字：创建 插件 Videojs      更新时间：2023-09-26

我创建了一个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>

在很多例子中我都看到过，我们可以通过当前的视频实例初始化插件，我想在所有实例中添加这个插件，这将是动态的。

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

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

插件自动添加到播放器原型，但没有办法自动初始化他们，我知道。我认为你需要的是在默认的组件列表中添加一个组件。

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

你可以试试这样写:

videojs.options.children.newPlayButton = {};

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

相关文章：