Create an Attractive Flash Video Player

Apr 24th in Screencasts by flashjunkie

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!

PG

Author: flashjunkie

Jay is a reviewer at FlashDen and a Top 100 selling author. You can visit Jay's FlashDen profile to see his work.

Preview Image

View Tutorial

Get the Flash Player to see this player.

Enjoy this Post?

We'd love your vote!

User Comments

( ADD YOURS )
  1. PG

    axel April 24th

    Good Tutorial

    ( Reply )
  2. PG

    André April 24th

    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.

    ( Reply )
  3. PG

    Jack April 24th

    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.

    ( Reply )
  4. PG

    Jack April 24th

    sorry the link is not ok. it’s Create a Flash Video Player with Actionscript 3.0

    ( Reply )
    1. PG

      André April 24th

      I have my own class to create videos very easily, in actionscript 3.0, i want to write a tut on how to work correctly with actionscript 3.0, because code in timeline is just actionscript 2.0 with as3.0 syntax, and teach a little bit of object oriented, so anyone can referer to this tut for other tuts AS3.0 based

      And the links is not working, but thanks anyway.

      ( Reply )
      1. PG

        Jack April 24th

  5. PG

    Dario Gutierrez April 24th

    Cool Video Player. Thanks for sharing!!

    ( Reply )
  6. PG

    RUGRLN April 24th

    Not exactly what I would call attractive….

    ( Reply )
    1. PG

      Diego SA April 24th

      Yeah, really not attractive, but with our layout, this player could be handsome! Just having imagination!

      ( Reply )
  7. PG

    samBrown2 April 24th

    nice work, good stuff to build on.

    ( Reply )
  8. PG

    J Sacco April 24th

    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.

    ( Reply )
  9. PG

    Diego SA April 24th

    Useful! Just need to make it more beautiful!

    ( Reply )
  10. PG

    moih60 April 24th

    great work..

    ( Reply )
  11. PG

    Benjamin Reid April 25th

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

    ( Reply )
  12. PG

    FlashJunkie April 25th

    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. :)

    ( Reply )
    1. PG

      André April 26th

      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 =)

      ( Reply )
  13. PG

    VertigoSFX April 26th

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

    ( Reply )
  14. PG

    CgBaran Tuts April 27th

    Great tutorial thanks

    ( Reply )
  15. PG

    Hasitha May 4th

    This is an great playe..

    nice

    thank you

    ( Reply )
  16. PG

    shasha May 7th

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

    ( Reply )
  17. PG

    Chris May 8th

    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!

    ( Reply )
  18. PG

    Drifter May 13th

    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.

    ( Reply )
  19. PG

    Drifter May 13th

    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’.

    ( Reply )
  20. PG

    Drifter May 13th

    Never mind about the error fixed it!

    ( Reply )
  21. PG

    Argama May 23rd

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

    ( Reply )
  22. PG

    Berke May 23rd

    Hi.How can we do hd format?Thank you

    ( Reply )
  23. PG

    hat May 27th

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

    ( Reply )
  24. PG

    candis and chelsea May 28th

    it sucks cuz it keep skipping

    ( Reply )
  25. PG

    Jose July 1st

    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

    ( Reply )
  26. PG

    Kevin July 2nd

    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?

    ( Reply )
  27. PG

    mahesh July 10th

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

    ( Reply )
  28. PG

    Asina September 1st

    thakns!

    ( Reply )
  29. PG

    stephen September 3rd

    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/

    ( Reply )
  30. PG

    hari September 21st

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

    ( Reply )
  31. PG

    FLVwin September 22nd

    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?

    ( Reply )
  32. PG

    FLV Player For MAC September 28th

    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?

    ( Reply )
  33. PG

    hozzle October 2nd

    Can you have multiple players in one flash document?

    ( Reply )
  34. PG

    James October 6th

    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

    ( Reply )
  35. PG

    Serge November 16th

    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.

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 16th