Добавление видео с использованием Sencha

Question

Я хочу добавить видео на 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 
     }) 

Здесь я заменить space.mp4 с URL YouTube, но он не работает. Если я пишу html:'you tube link', он работает в браузере в моей системе, но не на iPhone.

Как это сделать?

Answer 1

Обходным способом является встраивание видео с помощью кода вставки (iframe), предоставляемого вами. Просто дайте вашему компоненту атрибут html с кодом iframe, например:

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