简介
plyr是一个流行的JavaScript媒体播放器库。 它支持HTML5视频和音频以及YouTube和Vimeo等嵌入式视频。而plyr-nocookie则是一个没有追踪用户的plyr版本。在本篇文章中，我们将详细介绍如何使用这个npm包。
安装plyr-nocookie
首先，我们需要通过npm安装plyr-nocookie。在命令行中运行以下命令：
npm install plyr-nocookie --save
在项目中使用plyr-nocookie
有许多方法可以在项目中使用plyr-nocookie。 在这里，我们将介绍最基本的用法。
- 导入plyr-nocookie库
在你的JavaScript文件中导入plyr-nocookie库。 这里是一个示例：
import Plyr from 'plyr-nocookie';
- 准备要播放的媒体
准备要播放的媒体超链接。该链接可以是本地文件或一个URL。
-- -------------------- ---- -------
------ -------- ----------- -----------------------------
---- ----- ----- ---
------- ------------------------ ---------------- ------------
------- ------------------------- ----------------- ------------
---- ------- ----- ---
------ --------------- --------------- ------------
--------------------------- --------
---- -------- --- -------- ---- ----- ------- ---
------- ----------
-- --------------------------------------
--------- 初始化plyr
在JavaScript文件中初始化plyr。 在这个步骤中，我们使用CKan的设置来初始化plyr。
const player = new Plyr('video');- 运行
最后，在浏览器中运行程序。 您将会看到plyr-nocookie播放器正在运行。
增强Player-nocookie的功能
在上面提到的步骤的基础上，你可以进一步添加一些控制器来增强Player-nocookie的功能。您可以在播放器上添加以下控制器：
-- -------------------- ---- -------
------- ------------- -----------------
----
---------
------- ------------- ------------------
-----
---------
------- ------------- -----------------
----
---------
------- ------------- -----------------
----
---------
------- ------------- -----------------------
----------
---------您可以自由地添加和删除这些控制器。 另外，在JavaScript文件中，您可以进一步定制plyr-nocookie来适应您的需要。
-- -------------------- ---- -------
----- ------ - --- ------------- -
--------- --------
-----------
-------
---------
-----------
--------------
--------- -----
----------- - -------- ---- -
---结论
Plyr-nocookie是一个非常好用的JavaScript媒体播放器库。在这篇文章中，我们介绍了如何使用plyr-nocookie和如何进一步增强其功能。如果您正在寻找一个流行且易于使用的媒体播放器库，plyr将是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671cd30d0927023822910