overview •  documentation •  integration •  wizard •  html5 •  streaming •  advertising •  skins •  javascript •  Premium Plugins
NUEVOPLAYER - BEST PLAYER FOR VIDEO SCRIPTS

Nuevoplayer Skins and skinning methods


Nuevo Player is almost fully skinnable !

On NuevoLab Wizard demo website you can switch between several very different skins.

For each ordered Nuevoplayer currently we deliver 7 basic skins.
For each skin user can download flash FLA source file in his client area.


Nuevoplayer skins


Each skin is simple flash project that doesn't require actionscript knowledge.
Controlbar can be of any height, buttons of any size and shape.
Please follow some main flash edition rules until we publish more precise tutorial.

  1. Keep same names for all obect that are already named.
  2. Playbar background consists of 3 objects (back_left, back, back_right).
    Left and right objects should be of small width (10px suggested), both are
    designed for one reason: rounded corners.
    You can also remove both object and leave only one, named "back".
  3. Set of left buttons named "buttons_left" consists of 4 movie objects:
    • - "playpause" - required
    • - "btn_reply" - optional
    • - "btn_slomo" - optional
    • - "btn_playlist" - optional

    Button "playpause" consists of pause (pause_mc) and play (play_mc) objects.
    Please note usually inside each button there is "icn" icon object.
    Keep same method and "icn" name if you wish to keep default color change when mouse over certain button.
    Buttons for "slowmotion" and "playlist" can be moved to the right buttons container.

  4. Progressbar object consists of 3 separate objects (profress_left, progressbar, progress_right), and all 3 are required.
    If you do not want to show left and right object, create 1px transparent objects and necessary keep same names.

    Main progressbar object consists of several required objects:
    • - "load_mc" - shows load status
    • - "play_mc" - shows play status
    • - "knob" - must be centered around Y axis

  5. In right part of controlbar you have all the rest of buttons. There are 2 separate buttons: "btn_resize", which must be placed as first button from right,
    and "btn_hd" which can be placed on left or right from "buttons_right" object.

    Object "buttons_right" consists of possible buttons:
    • "btn_slomo" - switches slowmotion effect on/off (can be moved to left buttons container)
    • "btn_playlist" - switches playlist on'off (can be moved to left buttons container)
    • "btn_zoom" - shows/hide zoom bar.
    • "btn_settings" - shows/hide video settings
    • "btn_volume" - shows volume bar
    • "btn_size" - shows video sizing options window
    • "btn_fullscreen" - switches to fullscreen mode and back
    • "btn_menu" - show/hide menu window

    Each of object inside "buttons_right" clip is optional.
    You can place button clips in any order, use any X offset.
    Inside of each button clip you can set clip named "icn" to keep default color change when mouse over button.

  6. Timer object(s) positioning require some deeper explanaition.
    Timer objects are always named "rightTimer" and "leftTimer". Possible scenarios are:
    • - 1 "leftTimer" object preceding progressbar or left aligned.
    • - 1 "rightTimer" object following progressbar end or right aligned.
    • - both "leftTimer" and "rightTimer" showing current and total time.

    Timer object X offset is calculated automatically based on how you set in skin's project.
    If you wish to use different color for total time text - define "colortotal" flashvar,
    eg. "0xFFF0000". This option is available in player's admin area.

  7. You can create own play icon that appears centered on pause event.
    Play icon clip must be named "playicon" and placed in top (root) level.
    You can define own "onRollOver" and "onRollOut" actions.
    Just review how it was done in "greenie" skin flash source.

    In same way you can define HD icon, such icon must be named "hdicon".
Once flash skin file compiled, you can set it as default skin if you name it "skin.swf"
and upload to same directory where main player swf is located.

Also skin file can be any name and any other accessible location on your server.
To load such skin you must define FlashVar "skin" in your embed or swf object used on website.

inside embed object: <embed skin="skins/skin.swf" width=....
inside swf object: so.addParam("flashvars","skin=skins/skin.swf");

If using one of our ready admin modules enough is to upload new skin file to existing "skins" directory.
In player's settings area you will be able then to select new skin, separate for website and for embeded player.




Nuevoplayer supported scripts