plugins - 需要逐步说明添加 VideoJs VAST 插件

Question

我试图弄清楚如何将前贴片广告或 VAST 广告插件添加到我的 VideoJS 播放器中，但不知道如何。我知道必须有文件上传到我的服务器才能被调用，但我找不到它们，下面插件中的文档非常模糊。另外，是否需要将脚本代码放在我的网站顶部？

如果有人可以逐步说明如何将此插件添加到我的 VideoJs 播放器以及需要将哪些文件添加到我的服务器，我将不胜感激：http: //theonion.github.io/videojs-vast-插入/

谢谢你

Answer 1

正如 broonx 提到的，需要添加的文件是：

<script src="vast-client.js"></script>
<script src="video.ads.js"></script>
<script src="videojs.vast.js"></script>

应该放在你的标题中（我喜欢把它们放在 cdn video.js 代码之后 - http://vjs.zencdn.net/4.7.1/video.js ” - 因为我希望它加载第一的）

vast-client.js位于 lib 目录中，video.ads.js位于 lib/videojs-contrib-ads/ 中，并且videojs.vast.js位于该存储库的根目录中

如果您愿意，您可以下载它们并将它们全部托管在同一目录中。当您从 index.html 调用脚本时，请确保在该文件夹中指向它们

希望这可以帮助！

Answer 2

github repo对此非常清楚。无论如何，我会引导你完成这个。

您需要添加支持的 Javascript 文件和 CSS。

<link href="videojs.vast.css" rel="stylesheet" type="text/css">   
<script src="vast-client.js"></script>
<script src="video.ads.js"></script>
<script src="videojs.vast.js"></script>

然后在您的播放器配置中，您必须告诉插件您的 VAST 文件在哪里：

plugins: {
    ads: {},
    vast: {
        url: 'http://url.to.your/vast/file.xml'
    }
}

他们在 github 中也有一个很好的例子：https ://github.com/theonion/videojs-vast-plugin/blob/master/example.html