前端开发中，视频广告是非常常见的一种广告形式。为了更好地展示广告，提高用户的点击率，使用视频js（videojs）是非常不错的选择。而使用 npm 包 ozon1234-videojs-contrib-ads 可以更加方便地集成视频广告，让你的网站更具有商业价值。本文将介绍如何使用该 npm 包。
环境准备
在使用 ozon1234-videojs-contrib-ads 之前，需要安装并配置视频js（videojs），这里就不赘述了。
另外，需要安装以下 npm 包：
npm install videojs-contrib-ads --save npm install ozon1234-videojs-contrib-ads --save
使用 ozon1234-videojs-contrib-ads
导入包
import videojs from 'video.js'; import 'videojs-contrib-ads'; import 'ozon1234-videojs-contrib-ads';
设置播放器
<video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="264" autoplay>
<source src="your-video-source" type="video/mp4" />
</video>-- -------------------- ---- -------
-- ------
--- ------ - --------------------
-- ------
--- -------- - -------------
--- ------- - -
------------ --- -- ---------
---------- --- -- ---------
--------- -- -- -----------
------- ------ -- ---------- ------------- ------------- ---------
----------- ----- -- ------
--
--- --- - --------------------
--------------------------
-- -- ----------------------------
--- ---------- - -
-------------- -------------------- -- -------
------------ ----- -- ---------- ----
------------- ----- -- -------------- ----
------------------ ------------- -- ------------
-------------------- ------------- -- -----------
-------------- ------------- -- ------------
--
--- ------- - ---------------------------示例代码
-- -------------------- ---- -------
------ ------- ---- -----------
------ ----------------------
------ -------------------------------
--- ------ - --------------------
--- -------- - -------------
--- ------- - -
------------ ---
---------- ---
--------- --
------- ------
----------- -----
--
--- --- - --------------------
--------------------------
--- ---------- - -
-------------- --------------------
------------ -----
------------- -----
------------------ -----------
----------------------
--
-------------------- -----------
----------------------
--
-------------- -----------
----------------------
--
--
--- ------- - ---------------------------总结
本文介绍了 npm 包 ozon1234-videojs-contrib-ads 的使用方法，通过该包可以更加方便地集成视频广告。通过本文的学习，你可以将视频广告集成到你的网站中，提高用户点击率，增加商业价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005527481e8991b448cff34