2010-10-18 44 views
3

我想使用Sencha在我的网站中添加YouTube视频。我使用下面的代码:使用Sencha添加视频

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。

我该如何做这项工作?

+0

Anish,你设法得到这个固定?从Sencha v0.95(working)升级到v0.97(不工作)以来,我遇到同样的问题? – carok 2010-11-15 16:08:05

回答

2

一种解决方法是使用youtube提供的嵌入代码(iframe)嵌入视频。只要给你的组件的HTML属性与iframe代码,例如:

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