Определите продолжительность воспроизведения встроенного видео YouTube после паузы

Question

У меня есть видео YouTube, которое я хотел бы вставить на свою страницу, а затем узнать, сколько секунд видео было воспроизведено после его приостановки. Я могу сделать это для обычного тега HTML video, получив время событий play / playing / ended / pause, а затем рассчитав разницу во времени между ними; У меня есть демонстрация этого на https://jsfiddle.net/p56a1r45/2/. Однако я не уверен, как сделать то же самое для видео на YouTube.

Как я могу это сделать?

Answer 1

Во-первых, отметим, что Okeksii верен на 2 пункта:

1. (почти цитирование) Ссылка на Youtube не является прямой ссылкой на видео. YouTube видео обычно находится в iframe. Это означает, что вам нужен доступ к этому iframe, чтобы получить некоторые данные или проанализировать прямую ссылку с YouTube. Но по соображениям безопасности вы не можете напрямую получить доступ к iframe YouTube со своего веб-сайта.
2. Вы должны использовать API YouTube вместо

и соответствующий API - IFrame Player API . Вы должны прослушать (player.addEventListener) определенные события (предположительно, достаточно onStateChange: по крайней мере, он запускается при воспроизведении и паузе), получить текущее время (player.getCurrentTime()) и рассчитать прошедшее время.

Перед этим вы должны научиться настраивать использование API .

Answer 2

HTML5 видео

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.

Но по соображениям безопасности вы не можете получить доступ к iframe youtube со своего сайта, как я знаю

Вы можете попробовать Youtube API возможно, вы сможете найти то, что ищете