javascript - 在 Videojs 4.0 中创建插件

Question

我为 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>  

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

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

有没有办法初始化它？即使不是插件，我只想添加一个自定义组件。

Answer 1

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

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

您可以尝试以下方法：

videojs.options.children.newPlayButton = {};

（除了制作 videojs.NewPlayButton 的代码之外）