1. #61
    Sencha User ThorstenSuckow's Avatar
    Join Date
    Sep 2007
    Location
    Aachen, Germany
    Posts
    597
    Vote Rating
    2
    ThorstenSuckow is on a distinguished road

      0  

    Default


    Quote Originally Posted by dolittle View Post
    On the trunk version I see the following code:
    Code:
    Ext.applyIf(this, {
                url       : "http://gdata.youtube.com/apiplayer?key=" +
                            this.developerKey + "&enablejsapi=1&playerapiid="+
                            this.playerId,
                start     : false,
                controls  : false,
                cls       : 'ext-ux-youtubeplayer',
                scripting : 'always',
                params    : {
                    wmode   : 'opaque',
                    bgcolor : this.bgColor || "#cccccc"
                }
            });
    But on ext's FlashComponent code I don't see it uses your scripting and params config because it is hard coded:
    Code:
    // params
    swf.addParam("allowScriptAccess", "always");
    if(this.wmode !== undefined){
    	swf.addParam("wmode", this.wmode);
    }
    I think that the way you built the config is the preferred way.
    Maybe have flashCfg and under it have the params and other flash settings.
    Am I missing something or should I submit a bug/feature request for this on the ext 3.0?

    Thanks
    dunno... Ext 3.0 is still in an early state and what you see in the code are leftovers of the implementation when it used the media components from Doug (I decided to use Ext.FlashComponent since it simplifies setting up the extension a little bit without the need of getting vendor code). There is always room for improvement so if you think your contribution could be useful - yeah a feature request would be the way to go.

  2. #62
    Ext User
    Join Date
    Jun 2009
    Posts
    65
    Vote Rating
    0
    amegahed is on a distinguished road

      0  

    Default


    im getting this error:
    Code:
    Ext.menu.Adapter is not a constructor
    http://192.168.1.150/test/ext/ux/You...ayerControl.js
    Line 254
    which points to:
    Code:
    this.muteButton = new Ext.Toolbar.SplitButton({
    250 iconCls : 'ext-ux-youtubeplayer-volume',
    251 enableToggle : true,
    252 disabled : true,
    253 menu: new Ext.menu.Menu({
    254 items : [new Ext.menu.Adapter(this.volumePanel)] 
    255 })
    256 });
    any idea on what is wrong here?

    here is the code i use for the player:
    Code:
    //http://code.google.com/apis/youtube/dashboard/
    var YouTube_KEY = '........ my api key';
    var winPlayer;
    var playerPanel = new Ext.ux.YoutubePlayer({
         developerKey : YouTube_KEY, 
         playerId  : 'myplayer',
         border   : false,
         ratioMode    : 'strict',
         hideMode     : 'visibility',
         bgColor   : "#000000",
         bodyStyle   : 'background-color:#000000;'
        });
       
        playerPanel.on('ready', function(panel, player) {
         panel.cueVideoById('u1zgFlCw8Aw', 0);
        }, playerPanel);
    function btnVideoPlay(btn){
     if(!winPlayer){
      winPlayer = new Ext.Window({
       title        : 'Ext.ux.YoutubePlayer',
       layout    : 'fit',
       maximizable  : true,
       animCollapse : false,
       hideMode   : 'visibility',
       collapsible  : true,
       resizable    : true,
       items        : [playerPanel], 
       bbar   : new Ext.ux.YoutubePlayer.Control({
        player   : playerPanel,
        border  : false,
        id    : 'control', 
        style  : 'border:none;'
       }),
       listeners   : {
        'resize'      : function(){this.bottomToolbar.fireEvent('resize')}
       },
       height      : 400,
       width       : 500
      });    
     }
     winPlayer.show(this);
    };
     
    Ext.onReady(function(){
       
            
    });

  3. #63
    Sencha User ThorstenSuckow's Avatar
    Join Date
    Sep 2007
    Location
    Aachen, Germany
    Posts
    597
    Vote Rating
    2
    ThorstenSuckow is on a distinguished road

      0  

    Default


    It looks like you are not the latest code from the repository - point your svn client to http://ext-ux-youtubeplayer.googlecode.com/svn/trunk/ and do a checkout.

  4. #64
    Sencha User ThorstenSuckow's Avatar
    Join Date
    Sep 2007
    Location
    Aachen, Germany
    Posts
    597
    Vote Rating
    2
    ThorstenSuckow is on a distinguished road

      0  

    Default Ext.ux.YoutubePlayer 0.3RC5 available

    Ext.ux.YoutubePlayer 0.3RC5 available


    I just commited 0.3RC5 to the trunk - it brings compatibilty for Ext 3.0.0. This should be the last release candidate before 0.3 gets final. See http://code.google.com/p/ext-ux-yout...ce/detail?r=15 for the changes that made it into this release candidate.

  5. #65
    Ext JS Premium Member cfhank's Avatar
    Join Date
    Jun 2009
    Location
    Campo Grande, MS - Brasil
    Posts
    19
    Vote Rating
    0
    cfhank is on a distinguished road

      0  

    Default


    anyone have an example online using extjs 3.0.0?
    tried to implement it but not here, the buttons are disabled ..

    look image attached.
    Attached Images

  6. #66
    Sencha User ThorstenSuckow's Avatar
    Join Date
    Sep 2007
    Location
    Aachen, Germany
    Posts
    597
    Vote Rating
    2
    ThorstenSuckow is on a distinguished road

      0  

    Default


    Quote Originally Posted by cfhank View Post
    anyone have an example online using extjs 3.0.0?
    tried to implement it but not here, the buttons are disabled ..

    look image attached.
    Did you specify a Youtube API Key?

  7. #67
    Ext JS Premium Member cfhank's Avatar
    Join Date
    Jun 2009
    Location
    Campo Grande, MS - Brasil
    Posts
    19
    Vote Rating
    0
    cfhank is on a distinguished road

      0  

    Default


    yes, but not work..

    my Key: [...]

    has a test for me. tanks.

  8. #68
    Sencha User ThorstenSuckow's Avatar
    Join Date
    Sep 2007
    Location
    Aachen, Germany
    Posts
    597
    Vote Rating
    2
    ThorstenSuckow is on a distinguished road

      0  

    Default


    Quote Originally Posted by cfhank View Post
    yes, but not work..

    my Key: -

    has a test for me. tanks.
    Not a good idea to post this here, since it's your individual key.

    1, Did you get the latest copy out of the trunk?
    2. Are using Ext 3.0.0?
    3. Did you try with Firefox? If the same problem occurres, do you have some Firebug console output?
    4. How does your code look like?

  9. #69
    Ext JS Premium Member cfhank's Avatar
    Join Date
    Jun 2009
    Location
    Campo Grande, MS - Brasil
    Posts
    19
    Vote Rating
    0
    cfhank is on a distinguished road

      0  

    Default


    I removed my key.

    I would have generated the key the wrong youtube? it asks for the domain, but I put a test on localhost, can it?

    my code:

    HTML Code:
    <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <script type="text/javascript" src="teste/YoutubePlayer.js"></script>    
    <script type="text/javascript" src="teste/YoutubePlayerControl.js"></script>    
    <link rel="stylesheet" type="text/css" href="teste/css/ext-ux-youtubeplayer.css" /> 
    <link rel="stylesheet" type="text/css" href="teste/css/ext-ux-youtubeplayer-control.css" /> 
    </head> 
    <body> 
     
    <script type="text/javascript"> 
    Ext.onReady(function(){
        var youtubePlayerPanel = new Ext.ux.YoutubePlayer({
            developerKey : '...',
            playerId     : 'myplayer',
            ratioMode    : 'strict',
            bgColor      : "#000000",
            cls          : 'ext-ux-youtubeplayer'
        });
        var w = new Ext.Window({
            width  : 400,
            height : 400,
            title  : "Test",
            layout : 'fit',
            items  : [
                youtubePlayerPanel
            ],
            bbar : new Ext.ux.YoutubePlayer.Control({
                player : youtubePlayerPanel,
                border : false,
                id     : 'control',
                style  : 'border:none;'
            })
        });
     
     w.show();
     
    }); 
     
    </script>
    </body> 
    </html>

  10. #70
    Ext JS Premium Member cfhank's Avatar
    Join Date
    Jun 2009
    Location
    Campo Grande, MS - Brasil
    Posts
    19
    Vote Rating
    0
    cfhank is on a distinguished road

      0  

    Default


    it was the problem of the same domain, tanks..