video.js广告插件videojs-preroll的使用

了解过video.js的基本使用时候就会发现video.js经过这些年的发展已经繁衍了一个庞大的生态体系，插件数量已经有很多了，再去造轮子也没有太大意义，这篇文章介绍了videojs-preroll插件如何使用。

videojs-preroll

一个基于 videojs-contrib-ads 的插件，用于在 VideoJS 中播放前贴片广告。

在播放广告之前首先要下载两个插件分别为videojs-contrib-ads和@silaas/videojs-preroll

下载步骤：

1.在项目中创建一个文件夹，在文件夹中使用cmd命令。

2.使用npm i videojs-contrib-ads命令下载第一个插件。

3.使用npm i @silaas/videojs-preroll命令下载第二个插件。

4.等待下载完成，在新建文件夹中找到对应的css和j样式，将其引入项目。

下图为自己写的代码仅供参考，具体具体样式需要根据项目需求进行更改。