从 player.getIframe() 对象访问元素？答案

【问题标题】：Accessing elements from player.getIframe() object?从 player.getIframe() 对象访问元素？
【发布时间】：2018-02-17 21:04:09
【问题描述】：

根据https://developers.google.com/youtube/iframe_api_reference

player.getIframe():Object

This method returns the DOM node for the embedded <iframe>.

如何像访问父页面的 DOM 一样访问 DOM 节点的元素，例如 document.getElementById("example")？

【问题讨论】：

标签： javascript youtube-api youtube-javascript-api youtube-iframe-api

【解决方案1】：

这是 player.getIframe():Object 下的子项

<iframe id="player" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="390" src="https://www.youtube.com/embed/R98hoTffg0E?enablejsapi=1&amp;origin=http%3A%2F%2Flocalhost%3A8080&amp;widgetid=1"></iframe>

简而言之，它们是：

id, frameborder, allowfullscreen, title, width, height, src

要访问它们，您可以执行以下操作：

player.getIframe().id
player.getIframe().title

player 是取自您提供的相同文档的 youtube 播放器实例。

【讨论】：

@nogui 你是说真正访问DOM是不可能的，这六个属性是可以访问的吗？ API 文档部分称为“访问和修改 DOM 节点”是否有真正的访问权限和修改能力？哪里可以找到方法？