在 js、JavaScript 中获取 iframe 嵌入页面元素的访问权限

Question

document.querySelector('#clickbtn').addEventListener('click', () => {
  document.querySelector('.ytp-large-play-button ytp-button').click();
})

<button id="clickbtn">Click</button>


<iframe width="560" height="315" class="clickbtn" src="https://www.youtube.com/embed/cmA-IyD8_BA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in- 
    picture" allowfullscreen>
    </iframe>

我正在尝试从我自己创建的按钮开始播放视频。 但不工作。 有什么解决办法吗？

控制台：

未捕获的类型错误：无法在 HTMLButtonElement 处读取 null 的属性（读取“点击”）。

Answer 1

使用来自here 的 youtube frame api，运行/停止视频

function stop() {
  player.stopVideo();
}

或

function run() {
  player.playVideo();
}