使用Sencha添加视频 [英] Adding video using Sencha

问题描述

我想使用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 URL，但它不起作用。如果我写html:'you tube link'，它可以在我系统的浏览器上运行，但不能在iPhone上运行。

我如何才能使其工作？

推荐答案

一种解决方法是使用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添加视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！