jsFiddle: http://jsfiddle.net/krU9K/4/
我的WordPress帖子将在帖子缩略图下方嵌入youtube和vimeo视频,用户单击缩略图后,我希望它淡出并且视频应该开始播放。
所有嵌入的 iframe ID 都属于此结构"youtube-{postid}"
或"vimeo-{postid}"
。因此,在页面加载时,我可以检查id前缀并使用youtube/vimeo播放器api初始化并将它们放入全局var players - {};
对象中以容纳所有播放器。
Firefox/Chrome工作正常,但在Opera/IE上不能。Operas 控制台给出错误Uncaught exception: TypeError: Cannot convert 'players[iframeID]' to object
。所以看起来在Opera上对象是空的,而在FF/Chrome上它有所有的播放器和作品。
有什么提示/想法吗?
事实证明,jQuery .each(( 函数是在 iframe 在页面上准备就绪之前发生的,因此为此包装一个标准的 jQuery Document Ready 函数。
更新了 jsfiddle:
http://jsfiddle.net/krU9K/17/