2010-10-18 4 views
3

Je souhaite ajouter une vidéo YouTube sur mon site en utilisant Sencha. J'utilise le code suivant:Ajouter une vidéo en utilisant 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 
     }) 

Ici je remplace les space.mp4 avec une url youtube, mais il ne fonctionne pas. Si j'écris html:'you tube link', cela fonctionne sur le navigateur de mon système, mais pas sur l'iPhone.

Comment est-ce que je peux faire ce travail?

+0

Anish, avez-vous réussi à résoudre ce problème? J'ai le même problème depuis la mise à niveau de Sencha v0.95 (fonctionnant) à v0.97 (ne fonctionne pas)? – carok

Répondre

2

Une solution de contournement consiste à intégrer la vidéo avec le code d'intégration (iframe) fourni par youtube. Donnez simplement à votre composant l'attribut html avec le code iframe, par exemple:

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