介绍
Vimeo Player API 是一个允许网页上的 Vimeo 播放器与 JavaScript 通信的 API。它提供了一系列的接口，允许开发者在网页中控制 Vimeo 播放器的行为，从而实现更好的用户体验。
npm 包 vimeo-player-api-loader 是一个基于 Vimeo Player API 的 JavaScript 库，它提供了一个简单而可靠的方法来加载 Vimeo 播放器及其 API，并提供与 Vimeo 播放器交互的简单 API。
在本文中，我们将详细介绍 vimeo-player-api-loader 包的使用方式，并包含一些实例代码。
安装
在使用 vimeo-player-api-loader 之前，我们需要首先将它安装到我们的项目中。可以使用 npm 来安装它：
npm install vimeo-player-api-loader --save
使用方法
vimeo-player-api-loader 包基于 Promise 和 async/await 构建，所以在使用之前，我们需要先了解一些 Promise 和 async/await 的基础知识。
创建播放器实例
要使用 vimeo-player-api-loader 包，我们需要首先创建一个播放器实例。可以使用以下方法来创建一个播放器实例：
import Vimeo from 'vimeo-player-api-loader';
const player = new Vimeo('player-id', {
width: 640,
height: 360,
autoplay: true
});这里 'player-id' 是 Vimeo 播放器的 DOM 元素 ID，width 和 height 是播放器的宽度和高度，autoplay 参数表示是否自动播放。其他参数可以参考官方文档。
加载播放器及其 API
创建播放器实例后，我们需要加载播放器及其 API。可以使用以下方法来加载播放器及其 API：
await player.load();
这里的 load 方法返回一个 Promise，可以使用 async/await 来等待它完成加载操作。
播放视频
要播放一个视频，我们可以使用以下方法：
await player.play();
这里的 play 方法也返回一个 Promise，可以使用 async/await 来等待它完成播放操作。
暂停视频
要暂停视频的播放，我们可以使用以下方法：
await player.pause();
同样地，pause 方法也返回一个 Promise，可以使用 async/await 来等待它完成暂停操作。
获取当前时间
要获取当前视频播放的时间，我们可以使用以下方法：
const currentTime = await player.getCurrentTime(); console.log(currentTime);
这里的 getCurrentTime 方法也返回一个 Promise，它将当前播放时间作为参数传递到它的 resolve 函数中。
设置当前时间
要设置视频当前播放的时间，我们可以使用以下方法：
await player.setCurrentTime(30);
这里的 setCurrentTime 方法也返回一个 Promise，它将视频设置的当前时间作为参数传递到它的 resolve 函数中。
示例代码
下面是一个完整的示例代码，它演示了如何使用 vimeo-player-api-loader 包来加载一个 Vimeo 播放器，并在页面中控制它的播放和暂停。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ ------ --------------
-------
------
---- ------------------
------- --------------
------ ----- ---- --------------------------
----- -------- ------ -
----- ------ - --- --------------- -
------ ----
------- ----
--------- ----
---
----- --------------
------------------- ---------
----- --------------
------------------ ---------
---------------- -------- -- -
----- ---------------
------------------ ---------
-- ------
-
-------
---------
-------
-------总结
在本文中，我们介绍了 npm 包 vimeo-player-api-loader 的使用方法，并提供了一些示例代码。通过使用 vimeo-player-api-loader 包，我们可以方便地加载 Vimeo 播放器及其 API，并使用 JavaScript 控制它的行为，为用户提供更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671cf30d0927023822933