从嵌入式 YouTube html5 播放器获取 <video> 元素

Question

我想使用 html5 画布扭曲 Youtube 视频。我知道它是如何处理普通视频的，为此我需要从 Youtube 嵌入式播放器中借用这些元素。 YT video 使用自己的 api 嵌入视频。据我所知，在玩家开始之前不存在。这就是我尝试使用 jQuery 获取它的方式：

function onPlayerStateChange(event) { 
  if (event.data == YT.PlayerState.PLAYING) { 
     var video = $('#player').contents().find('video')[0]; // '#player' is <iframe> 
     // ... anything else doesn't matter yet
  }
}

但我只在控制台Unsafe JavaScript attempt to access frame with URL http://www.youtube.com/embed/u1zgFlCw8Aw?[... player vars] from frame with URL [domain_adress]. Domains, protocols and ports must match. 中收到一条消息 我知道这是因为不允许跨域请求。也许，有什么解决方法可以做到这一点吗？我还没有更多的想法

Answer 1

iFrames 不允许跨域访问，因此出现错误。除了通过您自己的服务器代理视频之外，跨域 iframe 没有解决方法。