Управление видео YouTube на реальном сайте YouTube с помощью JavaScript

Question

Я посмотрел на YouTube API и различные функции документа, чтобы нажать кнопку видеоплеера, чтобы остановить и запустить видео с JavaScript.

Однако способ изменения состояния истории на YouTube всегда приводит к тому, что мой document.getElementsByClassName('ytp-play-button ytp-button')[0].click(); запускается до загрузки нового видео.

Моя цель - приостановить новое видео на YouTube при загрузке.

Есть ли какие-либо решения в этом направлении, например, метод onComplete для ожидания обновления нового контента?

Я не использую JQuery и не собираюсь вставлять видео.

Только React и просто Javascript!Спасибо!

Решение: Установите установленное время ожидания с помощью setTimeout (функция, время);и просто подожди.

Answer 1

Решение: Использование setTimeout (() => {// Функция идет сюда}, // время ожидания в мс)

---

Оригинальный ответ: Вы можете использовать что-то вроде

document.getElementsByClassName('ytp-play-button ytp-button').length

чтобы проверить наличие элемента. Я полагаю, вы могли бы реализовать функцию опроса с setTimeOut(), чтобы проверять, когда страница загружается, и действовать соответственно, когда кнопка загружается. В качестве альтернативы вы можете использовать простой document.onload = ()=>{//do stuff here} или DOMContentLoaded, чтобы дождаться загрузки всей страницы. Надеюсь, что это помогло.