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>

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

如果你有一个如何使用多个video.js插件的例子，我非常感谢你看到它。

谢谢 -

Answer 1

尝试

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

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

1 个答案: