ST2 Youtube Component

gistfile1.js

Ext.define('Ux.YouTubePlayer', {
    extend : 'Ext.Component',
    xtype  : 'youtubeplayer',

    config : {
        url     : 'http://www.youtube.com/embed/',
        videoId : null
    },

    getElementConfig : function() {
        var tpl = this.callParent();

        //The src will come from the updateVideoId method
        tpl.children.push({
            tag       : 'iframe',
            reference : 'videoIframe',
            //would rather this be in CSS
            style     : 'width:100%;height:100%;border:0;'
        });

        return tpl;
    },

    updateVideoId : function(videoId) {
        if (videoId) {
            this.videoIframe.set({
                src : this.getUrl() + videoId
            });
        }
    }
});

Ext.application({
    name : 'Test',

    launch : function () {

        Ext.Viewport.add({
            xtype   : 'youtubeplayer',
            videoId : 'qsvpvqvApKo'
        });

    }
});