Vimeo 是一个流行的视频托管平台，它提供了各种 API 来与其上的视频进行交互。在前端应用程序中，我们通常会使用 JavaScript 库来与这些 API 进行通信，其中 JQuery 是最常用的之一。
本文将介绍如何使用 JQuery 在网页上停止正在播放的 Vimeo 视频。
准备工作
在开始之前，您需要完成以下几个步骤：
注册一个 Vimeo 开发者帐户并创建一个应用程序。
获取 Vimeo API 的访问令牌。
在您的网页中嵌入一个 Vimeo 播放器，以便后续操作。您可以使用 Vimeo 提供的“嵌入代码生成器”或第三方库（例如 Plyr）来实现此功能。
停止视频
一旦您已经按照上述步骤准备好了环境，就可以开始操作了。要停止正在播放的 Vimeo 视频，请按照以下步骤进行操作。
步骤 1：获取播放器实例
首先，您需要获取正在播放的 Vimeo 视频的播放器实例。您可以通过以下代码获取该实例：
var player = new Vimeo.Player('player-id');这里的 player-id 是您在嵌入代码中指定的播放器 ID。
步骤 2：停止播放
一旦您已经获取了播放器实例，就可以使用 pause 方法停止视频的播放：
player.pause();
这将立即停止正在播放的视频，并将其回退到起始位置。
示例代码
下面是一个完整的示例代码，演示如何使用 JQuery 停止 Vimeo 视频：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------- ----- -------------
------- -----------------------------------------------------------
------- ------------------------------------------------------
-------
------
---- --------------------
------- --------------------------------------------- ----------- ------------ --------------- -------------------------
------
--------
---------------------------- -
--- ------ - --- -------------------------------
------------------------------- -
---------------
---
---
---------
------- ---------------------------
-------
-------在此示例中，我们首先引入了 JQuery 和 Vimeo API 的 JavaScript 库。然后，在文档加载完毕时，我们创建了一个 Vimeo 播放器实例，并为“停止”按钮添加了一个单击事件处理程序，该处理程序调用 pause 方法来停止正在播放的视频。
结论
通过使用上述代码，您可以轻松地停止正在播放的 Vimeo 视频，并将其回退到起始位置。这对于需要在前端应用程序中与 Vimeo 视频进行交互的开发人员来说非常有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28945