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
        })

在这里，我用youtube网址替换space.mp4，但它不起作用。如果我写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>'

使用Sencha添加视频

1 个答案: