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

Question

我想使用html5 Canvas 扭曲Youtube视频。我知道它如何与普通视频一起使用，为此我需要从YouTube嵌入式播放器中借用元素。 YT视频使用自己的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

iFrame不允许跨域访问，因此会出现错误。除了通过自己的服务器代理视频外，跨域iframe尚无解决方法。