如何将tap事件添加到youtube iFrame

时间:2013-06-17 07:05:03

标签: 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" 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])

正如您所看到的那样,我尝试将tap功能附加到面板,这基本上应该启用一些自定义逻辑。

您能否告诉我听取iframe水龙头的解决方案是什么?

1 个答案:

答案 0 :(得分:0)

我这样做的方法是从YouTube .json Feed获取缩略图并将其格式化为数据视图......点按听众变得简单。如果您想了解如何调用YouTube .json,请查看o'reilly示例。

你可以听一下面板上的点击,使用我指定的那个,这有效吗?

: - )