Blog

Ext.ux.YoutubePlayer – a mediaplayer for Ext JS

Posted by:

Ext.ux.YoutubePlayer - mediplayer for Ext JS

Youtube released it’s chromeless API – time for a new Ext user extension, me thinks!

After a weekend of programming and tweaking I finished the ux today and put it on my server for public download.

The Ext.ux.YoutubePlayer allows developers to embed youtube videos into Ext applications, using native Ext compenents for controlling the video playback. It’ll show the buffer status and let’s you jump to any part in the video using a slider component.

Needless to say that you can also mute/unmute the video and set the overall volume.

Beware: Mozilla reloads flash movies if the position-attributes or display-property of the parent container change. IE does not show this behavior – bugzilla has already a bug filed for this. So do not wonder.

The project homepage can be found here: http://www.siteartwork.de/youtubeplayer .

The original forum thread for this ux can be found over at the Ext forums: http://extjs.com/forum/showthread.php?t=30352

4


About the Author

Thorsten is the author of the conjoon open source project and the Ext.ux.Livegrid component. In this blog he writes more or less frequently about his current projects and web development in general.

Discussion

  1. Andrew  March 26, 2008

    volume is broken in IE, and I can’t adjust the volume in FF2. Looks GREAT though, awesome job!

    (reply)
  2. admin  March 26, 2008

    It’s fixed. ;)

    (reply)
  3. djpeinado  March 28, 2008

    Hello,
    Great job, but there is a problem in firefox on linux, at least on ubuntu 7.10. When you try to load another video, the URI dialog appears between main window and the video frame. So if main window is centered, when you try to load a video, you cannot see the URI dialog, so the player gets blocked.

    (reply)
  4. admin  March 28, 2008

    This seems to be a general problem with the Ext framework on this kind of system. If you are interested in getting this fixed, post your problem into the Ext forums over at http://www.extjs.com . Thx! :)

    (reply)

Add a Comment


Refresh