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

Question

我环顾了YouTube API和各种文档功能，以抓住视频播放器按钮来停止和启动带有JavaScript的视频。

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

我的目标是在加载新的YouTube视频时暂停播放。

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

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

只有React，只有纯Javascript！谢谢！

解决方案： 使用setTimeout（function，time）设置设置超时；然后等一下

Answer 1

解决方案：：使用setTimeout（（）=> {//函数在此处}，//等待时间（以毫秒为单位）

---

原始答案： 您可以使用类似的

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

检查元素是否存在。我猜您可以使用setTimeOut()实现轮询功能，以检查页面加载的时间，并在按钮加载后采取相应的措施。另外，您可以使用简单的document.onload = ()=>{//do stuff here}或DOMContentLoaded等到整个页面加载完毕。希望有帮助。