确定嵌入式YouTube视频暂停播放了多长时间

Question

我有一个YouTube视频想要嵌入到我的页面中，然后获得暂停后播放了多少秒的视频。我可以通过获取video / play / playing / ended事件的时间，然后计算时间差来为普通HTML pause标签执行此操作它们之间;我在https://jsfiddle.net/p56a1r45/2/有一个演示。但是，我不确定如何对YouTube视频执行相同的操作。

我该怎么做？

Answer 1

首先，让我们注意Okeksii在2点上是正确的：

1. （几乎引用）Youtube链接不是直接的视频链接。 YouTube视频通常位于iframe中。这意味着您需要访问该iframe以获取一些数据或解析来自YouTube的直接链接。但是出于安全原因，您不能直接从您的网站访问YouTube iframe。
2. 您必须改用youtube API

，相关的API是IFrame Player API。您必须listen (player.addEventListener)处理某些事件（大概onStateChange就足够了：至少在播放和暂停时会触发），获取当前时间（player.getCurrentTime()）并计算经过的时间。

在此之前，您必须学习如何setup the API usage。

Answer 2

HTML5 Video

How it Works
The controls attribute adds video controls, like play, pause, and volume.

It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.

The <source> element allows you to specify alternative video files which the browser may choose from. **The browser will use the first recognized format.**

The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video> element.

如您所见 浏览器将使用第一种可识别的格式。

Youtube链接不是直接的视频链接。 YouTube视频通常位于框架中。这意味着您需要访问框架才能获取一些数据或解析来自youtube的直接链接。

但是出于安全考虑，您无法从自己的网站访问youtube iframe

您可以尝试Youtube API，也许您可​​以找到想要的东西