Flex Video Player
HGap
Description
An open source video player built with Flex. Extends mx.controls.VideoDisplay so it supports progressive download over HTTP, streaming from the Flash Media Server, and streaming from a Camera object.
Details
Author: FX Components
Tags: Flex, Video Player, FLV
Rating
1 Star2 Stars3 Stars4 Stars5 Stars (41 votes, average: 4.20 out of 5)
Loading ... Loading ...
Links
  1. Ben says:

    Great work!

    Thank you for sharing the source code.

    HGap
  2. santhosh says:

    its really cool…..
    thank you very much

    HGap
  3. Marc says:

    Nice :)

    HGap
  4. FX Components: Open Source Video Komponente für Flex…

    FX Components ist eine Website Open Source Komponenten des bulgarischen Freelancers Emanuil Rusev.
    Emanuil hat vor kurzem eine Videokomponente mit dem Namen FX Video für Flex veröffentlicht.
    Mit der Komponente kann man Flashvideos in einer Flex-Appli…

    HGap
  5. baku says:

    hello thanks a lot

    HGap
  6. Juan Q says:

    thanks bro, i’m needd it :)

    HGap
  7. Dominoo says:

    Really cool man i like it :)

    HGap
  8. Victor N says:

    Thank you, this is just what I’ve been looking for for a project I’m working on :-) I’ve just started out with Flex and find it immensely useful to learn by reading other peoples code. Thanks a lot for sharing :-)

    HGap
  9. [...] FX Video is an open source video player built with Flex. The FX Video control lets you play an FLV file in a Flex application. It also supports progressive download over HTTP, streaming from the Flash Media Server, and streaming from a Camera object. [...]

    HGap
  10. nishant says:

    thanks for the code i hope i may put it in some use.

    HGap
  11. Julie says:

    I am new to flex and this code is so helpful. I can’t thank you enough for sharing this. Take care - Julie

    HGap
  12. truenite says:

    thx aloot it really helped

    HGap
  13. T says:

    thanks a lot!

    is it capable of viewing videos in fullscreen mode as well?

    HGap
  14. admin says:

    No, not in this version.

    HGap
  15. Ram says:

    thanks a ton for the code,desperately needed it :)

    HGap
  16. Annita Paolucci says:

    Thank You

    HGap
  17. luke says:

    Great …. thanx for the code…

    HGap
  18. Blog Hoster says:

    Nice job with this.Thankyou for sharing

    HGap
  19. guillermo says:

    Thanks a lot, is it possible to add full screen capability as the one this guy did at:
    http://raghuonflex.wordpress.com/2007/03/06/my-full-screen-video-app-ver-10/
    ?

    HGap
  20. Blake says:

    Hey this is awesome! Very nicely done and well organized. I am sorry to bother you. I’m new in the world of flex but know actionscript 3.0 relatively well. I was wondering how you would retrieve the source of the video from XML so that you could have multiple videos and maybe use a tileList component or something to view the rest of the videos for them to select. If you could point me in the right direction that would be awesome!

    HGap
  21. [...] Obiecałem wam linki do komponentu playera wideo oraz komponentu Image z wbudowanym preloaderem. Mam nadzieję, że przydadzą się wam w tworzeniu [...]

    HGap
  22. Ryan says:

    this looks great! is it possible for there to be a buffering icon when it gets stuck on a slow connection? right now it just stops dead which isnt ideal- i am willing to code it myself but not sure where to start…

    HGap
  23. Serkan says:

    Hi there,
    i have finished my portfolio web site, and thank you so much for this component!!
    i have used it in my animation category.

    by the way, it was silly that i was getting this error in FXSlider.as class, which says that systemManager is null; so it wasn’t able to add the necessary event listener for the mouse up event; and when i removed the line, the thumb would stick to mouse..
    so i moved this line of code:

    systemManager.addEventListener(MouseEvent.MOUSE_UP, onMouseUp);

    to the onMouseDown event handler; where i suppose that the systemManager is no longer null, and it solved my problem..

    Thanks a lot, again, for the hard work -)

    HGap
  24. wspinaczka says:

    Thanks a lot for source code.

    HGap
  25. [...] Recent public urls tagged “videoplayer” → Flex Video Player [...]

    HGap
  26. Ajay Choudhary says:

    Thanks a lot!!!!!!!!! buddies!!!!
    A great work for me as I was desperately looking for such a video player
    Again!!!! thanks from my side!!!!!!! :)

    HGap
  27. thatguy says:

    I also found this one, don’t know if it is the same video player or not.

    http://thingsiknowabout.com/wordpress/

    HGap
  28. visakh says:

    There are some problems with seeking…

    HGap
  29. rox says:

    hi all,
    this video player component is so cool,
    but sometimes i got an error of getting video’s length:
    formatTime(totalTime) displays -1:-1 ?!
    Can someone help me solve this issue, please?

    HGap
  30. AKaushik says:

    Hi,

    I wrote a test class and tried running a video using FXVideo class. It doesnt work. Can you help me here please. I am using SWF viewer in FDT to run the test class. video1.flv is in the same folder as FXVideo.swf. Here is the snippet -

    var vid:FXVideo= new FXVideo();
    vid.createChildren();
    vid.autoPlay=true;
    vid.source = “video1.flv”;
    vid.load();
    vid.play();

    Thanks in advance.
    AKaushik.

    HGap
  31. mukesh says:

    is there any way i can play full screen flv with this player in flex application?

    HGap
  32. Emanuil says:

    @rox: Thanks for the feedback! I’m aware of the problem and I’m working on it.

    @mukesh: No, the player does not support full scree mode.

    HGap
  33. rox says:

    @Emanuil: when you finish it, pls let a message here ;) thanx in advance!

    HGap
  34. amour says:

    @Emanuil: try to use meta duration to get length video with MetadataEvent,i did and i thinks it’s ok

    HGap
  35. Emanuil says:

    Thanks for the suggestion!

    HGap
  36. arthur t says:

    does this component work in flex 2 or only in flex 3? i am using flex builder 2 to i get errors when i try to use the component.

    HGap
  37. Emanuil says:

    It may not. I’m sorry.

    HGap
  38. [...] is a simple youtube interface created in flex using the as3-youtube-data-api . I also used the Flex Video Player from http://www.fxcomponents.com/ and Kingnare theme from [...]

    HGap
  39. Sandra says:

    Is there anyway to make a video full screen?

    HGap
  40. Emanuil says:

    No, the current version of the video player does not support full scree mode.

    HGap
  41. raphaele says:

    It is not very difficult to add that feature, juste mix FX Video Player and FSVideoPlayer
    Code of the class is here
    http://code.google.com/p/flex-tube/source/browse/trunk/com/fs/FSVideoDisplay.as?r=8
    The mix rocks
    Thanks

    HGap
  42. hmmm how do i change the blue color of the sliders? i can’t find that blue anywere lol

    HGap
  43. Emanuil says:

    Just set the themeColor style property of your Application.

    HGap
  44. Mauri says:

    Does this control play http live streams?

    HGap
  45. Yuvaraj says:

    Hi, I downloaded the source code and imported to the Eclipse, When I run the application the video is not playing only I could see the player in the browser. Please help!

    HGap
  46. AKaushik says:

    I wrote a test case and tried running a video using FXVideo class. It doesnt work. Can you help me here please. I am using SWF viewer in FDT to run the test class. video1.flv is in the same folder as FXVideo.swf. Here is the snippet -

    var vid:FXVideo= new FXVideo();
    vid.createChildren();
    vid.autoPlay=true;
    vid.source = “video1.flv”;
    vid.load();
    vid.play();

    Thanks in advance.
    AKaushik.

    HGap
  47. Aguilar says:

    Hi, im testing this excelent player, but i have a doubt, in my server is never showed the text ‘buffering’ although it stop the video download the 10seconds in the buffer. How can i show this text ‘buffering’?

    thank you

    HGap
  48. antonio says:

    Great work. Excellent source code. It is very easy to learn for beginners

    HGap
  49. Prasad says:

    Hi, Thanks for sharing player open source. I downloaded and embeded into my flex application. It was working with normal flv, But it was not working with rtmp url. Can you pls let me know what wrong on my code.

    [Bindable] private var source:String = “rtmp://202.4.234.150:80/vod/DWS/MonthlyCommentary/AgriDec08.flv/agridec08.flv”;

    Thanks
    Prasad

    HGap
  50. grimsy says:

    Hi.

    I’m having some trouble with the FXVideo Player. When I’m trying to play a streaming video (rtmp, ondemand) it seems that the audio starts twice creating and echo effect….

    It seems that the player starts to play before the video has been able to fully load or something like that??

    When using http prog download everthing works fine.

    I’m wondering if my flash streaming provider needs to do anything at the serverside for this to work?? Not hosting the files myself….

    Anyone else that has experienced this?

    Please, I’m getting desperate :-)

    Thanx!

    HGap
  51. Kevin Richardson says:

    Yep, I’m having the same problem with an rtmp stream - audio echo. Did you manage to resolve your issue?

    HGap
  52. Athe says:

    Here same problem.
    The volume-buttons seems not to work because the other video in the background is playing, and this video is not influenced by the buttons.

    It only appears the first time the videoplayer is opened. After this “background-video” has finished playing, and the “normal-video” is played again, the echo is gone.

    Looking forward to a workaround or solution.

    HGap
  53. AnandK says:

    Is it possible to synchronize two separate video using either progressive or streaming technique.
    Please help me…as i really need it…

    thanks in advance

    HGap
  54. Jared says:

    This worked great for me, thanks a ton. I’ve been doing flex for just a few months, I found this control very easy to use. Thanks also to raphaele for pointing to the resource on how to add full-screen support. I was able to add a full-screen button without too much trouble.

    -Jared

    HGap
  55. SEV says:

    Hey, how can I fix bug, in code i have autoPlay=”false”, but player stil plays 1-0.5 second befovere every video and only thas stops :(

    (sorry 4 my eng)

    HGap
  56. Emanuil says:

    The player is designed to play the first segment of the source video immediately after VideoEvent.READY is dispatched. This was developed to address a bug in the latest Flex SDK at the time I was working on the player. I believe you can find the code responsible that behaviour in a private function called onPlayheadUpdate (line 449) in the FXVideo class.

    I’m working on a version 2 of the player where this will be handled in a more elegant fashion.

    HGap
  57. Jairo says:

    Hi,
    I’m having the same problem. Can you please advise where to look on the code so can avoid That first segment from playing immediately after start. I looked at line 449, but I cannot see anything related to that problem.
    Your help is much appreciated
    Thanks

    HGap
  58. Rotsheide says:

    Hi,

    I had the same problem in this wonderfull player. I changed some things in the private function onPlayheadUpdate(event:VideoEvent):void

    I removed the code block
    if(flo && playheadTime > -2)
    {
    thumbHookedToPlayhead = true;

    stop();

    flo = false;

    if(_playPressed)
    {
    play();
    }
    }

    and added
    thumbHookedToPlayhead = true;
    flo = false;
    as the last two lines of the function.
    I don’t understand the reason for the if-statement but without it and the two variable values the video’s play without any play-stop-play.

    HGap
  59. [...] want to see the CPU rocketing…) and embedded video players (a slightly customized version of FxVideo player), screenshots, etc. At the moment, the Buy button simply links to Direct2Drive website but, as said [...]

    HGap
  60. sbogus says:

    Hi folks,
    I’m experiencing problems with playing RTMP(T) streaming video. This (probably) has to do with the VideoDisplay component from the Flex framework, but since the FXVideo is descendant of that component here’s my questions: Could one provide me with a sample where RTMP/RTMPT streaming functions properly with FXVideo? Where in the FXVideo code I can address
    issues caused from the underlying NetConnection object?

    Many thanks in advance.
    Kind regards,
    sbogus

    HGap
  61. Matthias says:

    Thanks for this great component! Although I am by no means a Flex expert, I managed to add video smoothing and providing the source file via parameter to the SWF file. For some kind of an awkward application, I’d appreciate one more thing: being able to manipulate the soundTransform.pan parameter (panning the audio track left and right). Unfortunately, this seems to be a nontrivial task…. I made numerous attempts, but did not get the desired effect :-(

    Matthias

    HGap
  62. goldflow says:

    hi
    i can’t seem to switch video’s on the fly…
    am i doing something wrong?

    HGap
  63. paulo says:

    Hey Emanuil,

    Thanks for the great and very simple player you’ve created!

    I’m having some troubles getting the player to size properly. I’m creating the player on the fly in AS3 with the below code. I’m trying to get the player to fill the entire size of the cvMedia object that its being added to. Any suggestions?
    if(this.vidPlayer == null) {
    this.vidPlayer = new FXVideo();
    this.vidPlayer.maintainAspectRatio = true;
    this.vidPlayer.setStyle(”bottom”, 0);
    this.vidPlayer.setStyle(”top”, 0);
    this.vidPlayer.setStyle(”left”, 0);
    this.vidPlayer.setStyle(”right”, 0);

    // this.vidPlayer.setStyle(”width”, “100%”);
    // this.vidPlayer.setStyle(”height”, “100%”);
    this.vidPlayer.setStyle(”x”,0);
    this.vidPlayer.setStyle(”y”,0);
    }
    this.vidPlayer.autoPlay = false;
    this.vidPlayer.visible = true;
    this.vidPlayer.source = url;
    cvMedia.addChild(this.vidPlayer);
    this.vidPlayer.load();

    HGap
  64. paulo says:

    Nevermind, I found it… Didn’t know there was a percentWidth property out there.

    HGap
  65. jinwo says:

    thanks a lot

    HGap

Leave a Reply