使用 JavaScript 控制实际 YouTube 网站上的 YouTube 视频

Question

我查看了 YouTube API 和各种文档函数，以获取视频播放器按钮以使用 JavaScript 停止和启动视频。

然而，YouTube 修改历史状态的方式似乎总是导致 mydocument.getElementsByClassName('ytp-play-button ytp-button')[0].click(); 在新视频加载之前运行。

我的目标是在加载新的 youtube 视频时暂停。

是否有任何解决方案，例如 onComplete 方法等到新内容更新？

我没有使用 JQuery，也不打算嵌入视频。

只有 React 和纯 Javascript！谢谢！

解决方案： 使用 setTimeout(function, time) 设置设置超时；就等着吧。

Answer 1

解决方案： 使用 setTimeout(()=>{//Function goes here}, //time to wait in ms)

---

原答案： 你可以使用类似的东西

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

检查元素是否存在。我想你可以使用setTimeOut() 实现一个轮询功能来检查页面正在加载，并在按钮加载后采取相应的行动。或者，您可以使用简单的document.onload = ()=>{//do stuff here} 或DOMContentLoaded 来等待整个页面加载完毕。希望对您有所帮助。