包含多个 video.js 插件的正确方法是什么？

Question

我想同时使用两个 video.js 插件 - videojs-resolutions (https://github.com/vidcaster/video-js-resolutions) 和 videojs-watermark (https://github.com/xbgmsharp/videojs-watermark)。

我可以让其中一个或另一个工作得很好，但如果我尝试将它们一起使用，那么在我的源代码中第二个列出的任何一个都无法工作。例如，以下是这两个插件的初始化示例：

<script type="text/javascript">
         vjs('foo', {
            plugins: {
               resolutions: true
            }
         });
    </script>
<script>
      var player = videojs('foo');

      player.watermark({
         file: '/foo.png',
         xpos: 100,
         ypos: 100,
         xrepeat: 0,
         opacity: 0.5,
         }
      );
    </script>

我怀疑问题是我在初始化多个插件时使用了错误的技术，而第二次初始化正在覆盖我的原始视频对象。尽管有很多关于如何注册/设置单个插件的示例，但我一生都找不到有关此用例的任何文档。

如果您有如何使用多个 video.js 插件的示例，我将不胜感激。

谢谢-

Answer 1

试试

vjs('foo', {
  plugins: {
    resolutions: true,
    watermark: {
        file: '/foo.png',
        xpos: 100,
        ypos: 100,
        xrepeat: 0,
        opacity: 0.5,
    }
  }
});