如何添加点击事件到youtube iFrame

Question

拥有一个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])

正如你所看到的，我试图将点击功能附加到面板上，这基本上应该启用一些自定义逻辑。

你能告诉我听iframe tap的解决方案吗?

Answer 1

我的方法是从YouTube .json提要中抓取缩略图，并将其格式化为dataview.....监听器变得容易。如果你想知道如何调用YouTube .json，可以看一下o'reilly的例子。

你可以用你指定的I'd来监听面板上的敲击声，这样行吗?

: -)