用于处理多个播放器的YouTube Iframe API无法在IE / Opera上运行

Question

jsFiddle： http://jsfiddle.net/krU9K/4/

我的WordPress帖子会在帖子缩略图下嵌入youtube和vimeo视频，用户点击缩略图后我想让它淡出，视频应该开始播放。

所有嵌入的iframe ID都具有此结构"youtube-{postid}"或"vimeo-{postid}"。所以在页面加载时我可以检查id前缀并使用youtube / vimeo player api初始化并将它们放入全局var players - {};对象中以容纳所有玩家。

Firefox / Chrome工作正常，但不适用于Opera / IE。 Operas控制台发出错误Uncaught exception: TypeError: Cannot convert 'players[iframeID]' to object。所以看起来在Opera上，对象是空的，而在FF / Chrome上，它拥有所有玩家和作品。

任何提示/想法？

Answer 1

事实证明 jQuery .each（）函数是在iframe在页面上准备就绪之前发生的，所以为此包装一个标准的jQuery Document Ready函数。

更新了jsfiddle：
http://jsfiddle.net/krU9K/17/