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

Question

我想用html5画布扭曲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

iFrames禁止访问跨域，因此错误。除了通过您自己的服务器代理视频外，对于跨域iframe没有解决方法。