Question

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

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

谢谢

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＆＃34; - 因为我希望首先加载它）

vast-client.js位于lib目录中，video.ads.js位于lib / videojs-contrib-ads /中，videojs.vast.js位于repository <的根目录中/ p>

如果您愿意，可以下载它们并将它们全部托管在同一目录中。当您从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

需要一步一步的说明添加VideoJs VAST插件

2 个答案: