Javascript 如何将点击事件添加到youtube iFrame

Javascript 如何将点击事件添加到youtube iFrame,javascript,iframe,extjs,sencha-touch,youtube-api,Javascript,Iframe,Extjs,Sencha Touch,Youtube Api,有了youtube iFrame,我在Sencha touch中对它的控制非常有限 下面是我添加和初始化youtube iframe的代码: this.player = { xtype: 'panel', id: "youtubeVideo", styleHtmlContent : true, html: '<iframe id="player" type="text/html"

有了youtube iFrame,我在Sencha touch中对它的控制非常有限

下面是我添加和初始化youtube iframe的代码:

        this.player = {
            xtype: 'panel',
            id: "youtubeVideo",
            styleHtmlContent : true,
            html: '<iframe id="player" type="text/html" width="320" height="240" src="http://www.youtube.com/embed/' + youtubeid + '?enablejsapi=1" frameborder="0"></iframe>',
            listeners:{
                tap:{
                    element:'element',
                    fn: function () {
                        alert('hey')
                        console.log("I want to proceed with some events in here!!!")
                    }
                }
            }
        }
        this.add([this.player])
this.player={
xtype:'面板',
id:“youtubeVideo”,
styleHtmlContent:对,
html:“”,
听众:{
点击:{
元素:'element',
fn:函数(){
警惕(‘嘿’)
log(“我想在这里继续一些事件!!!”)
}
}
}
}
this.add([this.player])
正如你们所看到的,我试图将tap函数附加到面板上,这基本上应该支持一些自定义逻辑


您能告诉我什么是收听iframe tap的解决方案吗?

我这样做的方式是从YouTube.json提要获取缩略图,并将其格式化为数据视图……tap侦听器变得很容易。如果您想了解如何调用YouTube.json,请查看o'reilly示例

你可以听一下面板上的敲击声,用我给你指定的声音,这样行吗

:-)