videos

Create an Attractive Flash Video Player

In this tutorial FlashDen Top 100 author flashjunkie shows you how to create a slick Flash video player without typing a single line of code. The video player allows you to pause, play, scrub through video and adjust volume. We hope you enjoy this screencast tutorial!

Preview Image

View Tutorial

Get the Flash Player to see this player.

Tags: Videos
Add Comment

Discussion 44 Comments

  1. axel says:

    Good Tutorial

  2. André says:

    Maybe usefull for someone, but i really dont like using third party stuffs. I think that a coded tut would be more usefull and more compatible with flash.tutsplus.com, and maybe the using of actionscript 3.0 would be better.

    Just my opinions, thanks for sharing the tutorial.

  3. Jack says:

    Yeah, using 3d party stuff it’s not so nice. I found a cool using only as3 at <a href=”http://www.thetechlabs.com/xml/expanding-the-as3-videoplayer/”, which is split in two parts, one creating a simple player like the example on this tutorial, and the second part, adding cool features to it, such as xml content, full screen, and so on.

    • Raweden says:

      I agree to your opinion, using 3d party stuff is like taking a shortcut to the end result, the flash.net.Stream and the flash.net.Stream isn’t that hard if your are not using Flash media server, then it gets complicated.
      a good video sceencast by lee brimlow on the streaming tech for video playback: ActionScript 3 Video Basics

  4. Cool Video Player. Thanks for sharing!!

  5. RUGRLN says:

    Not exactly what I would call attractive….

  6. samBrown2 says:

    nice work, good stuff to build on.

  7. J Sacco says:

    Excellent tutorial! Good job.

    One thing I did notice that I did the tutorial verbatim but I noticed my video was playing off to the right and bottom. I also noticed that my playhead was starting in the middle.

    After some thinking, I reset the registration points of the video window to the top left corner and the timeline registration point to the far left. That made it perfect as in the video.

  8. Diego SA says:

    Useful! Just need to make it more beautiful!

  9. Just what I was after, I’ll definitely consider using this for my screen-casts.

  10. FlashJunkie says:
    Author

    Hey guys thanks for the comments, as i said many many times in the tutorial, the design was rushed to keep the video short, you can literaly do anything to the design all that matters is the instance names :)

    More tuts to come from me, my next one is showing you how to use flash.shared object to remember visitor preferences and last sign in. :)

    • André says:

      Next tuts, if possible, start using actionscript 3.0, its much better.

      And try not using third party stuffs, its much better learn how to do our own code instead of learn how to use third party stuffs.

      Thanks for all =)

  11. VertigoSFX says:

    Nice tut, I could definitely use this. I’m not a fan of actionscripting so this is a nice alternative.

  12. CgBaran Tuts says:

    Great tutorial thanks

  13. Hasitha says:

    This is an great playe..

    nice

    thank you

  14. shasha says:

    Thanks for sharing. fantastic, keep up the good work!

  15. Chris says:

    Is there anywhere I can see a list of all the symbol and instance names used? I keep having the scroll through the video to try and find them and I keep getting lost.

    Good tutorial though!

  16. Drifter says:

    Hay flashjunkie,

    Man thank you for this video and Maru link what a time saver now I can work toward much better looking players like all of you at FlashDen! And I in stead of writing code or hunting for code! Now I can move forward!!!!
    Thanks
    1 Q. does this work in cs3 also. I’m still in cs2.

  17. Drifter says:

    I keep etting this error would any one know about the linkBTN !

    ERROR: Could not find ‘linkBTN’ linkage in the Library. From Library panel right-click on linkBTN symbol and select ‘linkage…’. Check ‘Export for Actionscript’ with an identifier of ‘linkBTN’.

  18. Drifter says:

    Never mind about the error fixed it!

  19. Argama says:

    Can you run it localy without any internet connection? Or does it load some sort of xml from the web?

  20. Berke says:

    Hi.How can we do hd format?Thank you

  21. hat says:

    awesome tutorial! looks don’t matter..you can easily change it! it’s functionality that matters!

  22. candis and chelsea says:

    it sucks cuz it keep skipping

  23. Jose says:

    hola, tengo un problema con este post, yo soy de Argentina y por problemas con el audio no puedo verlo.
    Este tutoriale hace un monton que lo estoy buscando por todos lados, y ahora que lo encuentro no lo puedo ver. Me podran solucionar el problema.
    Gracias

  24. Kevin says:

    I got it to work but if I try to have more than one video in my FLA, it won’t do it. How should I do it with multiple videos?

  25. mahesh says:

    thankful to u because of u providing a very valuable content in your site

  26. stephen says:

    It is a great tutorial. However, it seems a little complex to me. I like the simple operation with http://www.playerdiy.com. It provides 43 configuration methods to edit the skin of web flash video video player here – http://www.playerdiy.com/configuration/

  27. hari says:

    hi all,
    i need flash player also work in mobile (lite)
    please help me

  28. FLVwin says:

    I got it to work but if I try to have more than one video in my FLA, it won’t do it. How should I do it with multiple videos?

  29. I got it to work but if I try to have more than one video in my FLA, it won’t do it. How should I do it with multiple videos?

  30. hozzle says:

    Can you have multiple players in one flash document?

  31. James says:

    i get an error:

    256 levels of recursion were exceeded in one action list.
    This is probably an infinite loop.
    Further execution of actions has been disabled in this movie.

    HELP please ??? im an ametuer at flash in this type of stuff,

    Thanks

  32. Serge says:

    Hey great tut.
    Would be great to get a tutorial where you create an awesome theme in Photoshop and then importing it into flash and creating the player from there. Would be nice to include mouse over and active states of each button, and going full screen without the controls resize along with the video :P

    Thanks.

  33. Flv Player says:

    multiple video ????????

  34. ed says:

    Using video maru ive added the instance name fadeTray4. Ive added the buttons into a fade-tray, it fades in and out over the video fine. But I want to have the fade out at 4 seconds or so and the fade in to come back almost instantly when the mouse is moved. Please does anyone know how to have separate fade in times????? thanks

  35. ami says:

    nice work.

    any one knows how to auto-play next video one by one, any one

  36. sena says:

    Hi,

    anyone can help me?
    i have the fla file for the media player and also have the classes for it in different Flash AS in cs4.
    But i don’t understand how to link everything.

    it keep say that:
    1. the definition of the base class mediaplayer was not found
    2.method mark override must override other method
    3. The class ‘suhayb.tests.youtube.CustomVideoPlayer’ must subclass ‘flash.display.MovieClip’ since it is linked to a library symbol of that type.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.