videos

Create an Attractive Flash Video Player

on Apr 24th 2009 with 44 comments

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
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

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

Plus Premium
 
 
  • axel

    Good Tutorial

  • André

    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.

  • Jack

    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.

    • http://www.raweden.se Raweden

      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

  • Jack

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

    • André

      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.

  • http://labs.dariux.com Dario Gutierrez

    Cool Video Player. Thanks for sharing!!

  • RUGRLN

    Not exactly what I would call attractive….

    • http://www.dsaportfolio.com.br Diego SA

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

  • samBrown2

    nice work, good stuff to build on.

  • J Sacco

    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.

  • http://www.dsaportfolio.com.br Diego SA

    Useful! Just need to make it more beautiful!

  • http://thepharmashopist.blogspot.com/ moih60

    great work..

  • Pingback: Create an Attractive Flash Video Player - Video Tutorial | Lively Flash Tuts

  • http://www.nouveller.com Benjamin Reid

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

  • http://www.flashden.net/user/flashjunkie FlashJunkie
    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é

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

  • http://www.eyeon-design.com VertigoSFX

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

  • http://tuts.cgbaran.com CgBaran Tuts

    Great tutorial thanks

  • Hasitha

    This is an great playe..

    nice

    thank you

  • Pingback: Best of FREE Flash Tutorials - Hidden Pixels

  • http://www.flvto.net shasha

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

  • Chris

    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!

  • http://mgstudodesign.com Drifter

    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.

  • http://mgstudodesign.com Drifter

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

  • http://mgstudodesign.com Drifter

    Never mind about the error fixed it!

  • Pingback: 50 Incredible Tutorials from the Tuts+ Network - News ums Netz

  • Argama

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

  • Berke

    Hi.How can we do hd format?Thank you

  • hat

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

  • candis and chelsea

    it sucks cuz it keep skipping

  • Jose

    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

  • Kevin

    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?

  • http://www.maheshbabu09.blogspot.com mahesh

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

  • Asina

    thakns!

  • http://www.playerdiy.com/ stephen

    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/

  • hari

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

  • http://www.flvwin.com FLVwin

    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?

  • http://www.flvwin.com/flv-viewer-mac FLV Player For MAC

    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?

  • hozzle

    Can you have multiple players in one flash document?

  • James

    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

  • Serge

    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.

  • http://www.hdflvplayer.net Flv Player

    multiple video ????????

  • ed

    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

  • ami

    nice work.

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

  • sena

    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.