angularjs - "Failed to execute ' postMessage '"错误来自 Froogaloop 通过 AngularJS 指令

Question

我使用他们的 froogaloop 库为带有内置播放/暂停功能的 vimeo 视频编写了一个 AngularJS 指令。

效果很好!唯一的问题是当页面第一次加载时我收到以下错误。

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://player.vimeo.com') does not match the recipient window's origin

我是否在指令中错误地初始化了 froogaloop 对象？
任何建议将不胜感激。

你可以在这里查看plunker: http://plnkr.co/edit/GKWNk3LhX0MR3lhpfqyA

Answer 1

我建议执行 onLoad 中的代码事件来自 <iframe> .然后确保代码将在 iframe 准备好接收消息时执行。

有很多方法可以做到:

如果你的项目中已经有 jQuery，你可以使用它:$('iframe').load(callback)或

写一个事件监听器:iframe_element.addEventListener('load', callback)或

使用普通的 onload 回调:iframe_element.onload = callback .

哪里 callback是使用 Froogaloop 的方法。

但是您必须知道，其中一些解决方案在某些旧的/MS 浏览器浏览器上可能存在一些缺点。