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

【问题标题】：How to add tap event to youtube iFrame如何将点击事件添加到 youtube iFrame
【发布时间】：2013-06-13 01:59:11
【问题描述】：

拥有一个 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 的解决方案是什么？

【问题讨论】：

标签： javascript iframe extjs sencha-touch youtube-api

【解决方案1】：

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

你可以听一下面板上的点击，使用我指定的，这样行吗？

:-)

【讨论】：