Ext.ux.YoutubePlayer - a mediaplayer for Ext JS

[Kevin_Liu]

Looks great! THX~

[kai5263499]

I'm trying to get this plugin to work inside of a dashboard portlet system in my local development enviroment by creating the player and controller in the portlet's initComponent section.

The bbar control panel loads just fine but the player never initalizes the youtube player or calls the oytpr function.

Here's my code, any ideas are greatly appreciated:

this.playerPanel = new Ext.ux.YoutubePlayer({
						   		developerKey : YT_KEY,	
						   		playerId	 : this.id+'-ytplayer',
						   		videoId		 : this.videoId
						   	});
						   
						   	this.playerPanel.on('ready', function(panel, player) {
								console.log('playerpanel on ready');
						   		panel.cueVideoById(this.videoId, 0);
						   	}, this.playerPanel);
							
							this.items = [ this.playerPanel ];
							this.bbar		 = new Ext.ux.YoutubePlayer.Control({
					        	player   : this.playerPanel,
					        	border	 : false,
					        	id 		 : 'control', 
					        	style	 : 'border:none;'
					        });

BTW: Is there a right way to initialize a player with a default video?

[ThorstenSuckow]

I'm trying to get this plugin to work inside of a dashboard portlet system in my local development enviroment by creating the player and controller in the portlet's initComponent section.

The bbar control panel loads just fine but the player never initalizes the youtube player or calls the oytpr function.

Here's my code, any ideas are greatly appreciated:

this.playerPanel = new Ext.ux.YoutubePlayer({
						   		developerKey : YT_KEY,	
						   		playerId	 : this.id+'-ytplayer',
						   		videoId		 : this.videoId
						   	});
						   
						   	this.playerPanel.on('ready', function(panel, player) {
								console.log('playerpanel on ready');
						   		panel.cueVideoById(this.videoId, 0);
						   	}, this.playerPanel);
							
							this.items = [ this.playerPanel ];
							this.bbar		 = new Ext.ux.YoutubePlayer.Control({
					        	player   : this.playerPanel,
					        	border	 : false,
					        	id 		 : 'control', 
					        	style	 : 'border:none;'
					        });

Please add "layout:fit" to your portlets configuration, the video should show up then.

BTW: Is there a right way to initialize a player with a default video?

If you mean "this" instead of "there", then yes, it's the right way.

[rthibault]

Anyone gotten this to work with modal:true? I can hear the video, but the screen goes black.

Very nice extension!

[kai5263499]

Please add "layout:fit" to your portlets configuration, the video should show up then.

Thank you! That ended a few hours of frustration for me.

[mandric]

Mindpatterns, looks really cool, I was looking at the release date on the project page and it states 2007. Is that a typo?

Also does the youtube chromeless player play h.264 (.mov,.mp4?) files? I'm looking for a player that does h.264 and flv but also can reference youtube videos.

http://groups.google.com/group/yunus...97f07d464e4659

In research mode ... thanks for any help.

[ThorstenSuckow]

Mindpatterns, looks really cool, I was looking at the release date on the project page and it states 2007. Is that a typo?

Yeah, it's fixed.

Also does the youtube chromeless player play h.264 (.mov,.mp4?) files? I'm looking for a player that does h.264 and flv but also can reference youtube videos.

http://groups.google.com/group/yunus...97f07d464e4659

In research mode ... thanks for any help.

The player loads the chromeless flash video into it's panel, thus it can only show what youtube delivers. If there would be a player for h.246 or flv that is controllable via javascript, it would be possible. But as of now, I don't know any (browser-enabled) api that allows you to do that.

[mandric]

http://flowplayer.org/

I am playing with three players right now and flowplayer, jw player and flv player. Flowplayer seems to have the most features.

http://flv-player.net/
http://www.jeroenwijering.com/?item=JW_FLV_Player

Let me know what you think. I'd am interested in working on it if you think it would work or is something that doesn't exist yet.

[mandric]

http://home5.inet.tele.dk/nyboe/flas...javascript.htm

Mindpatterns, it looks like the javascript API is there and well?

Now I'm pretty sure JW Player doesn't support youtube, but I think flowplayer does.

[kai5263499]

I've gotten the video to display correctly with the controls and all on an initial load, but when I remove the player and then later recreate it, the control panel in the bbar doesnt show the play/pause buttons, only a non-working slider and volume bar.

Additionally, the video seems to reload as 1/4 the size of the actual window.

Is there some special way I need to get rid of players to force a "clean" load?