sencha-touch - 使用 Sencha 添加视频

Question

我想使用 Sencha 在我的站点中添加一个 YouTube 视频。我使用以下代码:

 var pnl = new Ext.Panel({
            layout: {
                type: 'vbox',
                pack: 'center'
            },
            items: [{
                xtype:'video',
                url: "space.mp4",
                loop: true,
                width: 500,
                height: 400,
                poster: 'Screenshot.png'
            }],
            fullscreen: true
        })

在这里，我将 space.mp4 替换为 youtube 网址，但它不起作用。如果我写 html:'you tube link'，它可以在我系统的浏览器上运行，但不能在 iPhone 上运行。

我怎样才能让它工作？

Answer 1

一种解决方法是使用 youtube 提供的嵌入代码 (iframe) 嵌入视频。只需使用 iframe 代码为您的组件提供 html 属性，例如:

html: '<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/1VcZ5eOwHQA" frameborder="0" allowfullscreen></iframe>'