JW FLV Media Player v.4.x - Javascript API Tutorial Example Collection

The player homepage: JW FLV Media Player



  1. Bringing a JW FLV Media Player v.4.x on a page (using swfobject v.2.1)

    1. The Embedding script
      1. The simple plain default player
        1. Without controlbar
        2. Only a controlbar
        3. Controlbar overlaid
        4. Playlist below
        5. Playlist to the right
        6. Playlist overlaid

      2. Simultaneous players
      3. Mutually exclusive players

    2. XHTML validating page

    3. Object and/or Embed
      1. Full object/embed
      2. Only embed


  2. Manipulate the player wrapper

    1. Show, hide, move, resize and restore the player wrapper
      1. Hide, move and restore the player wrapper
      2. Change aspect ratio and size

    2. Show and hide the playlist onmouseover
      1. Show the bottom playlist onmouseover
      2. Show the rightside playlist onmouseover


  3. Setting the flashvars

    1. Create and delete the player
      1. Create and play from script or link
        1. Link-playlist
        2. Playlist links

      2. All flashvars

    2. Transfer settings with the URL request
      1. Use the # anchor
      2. Use the ? search
      3. Parsing multiple flashvars using swfobject

    3. Calculated settings
      1. Random Preview image
      2. Random logo image

    4. Changing skin


  4. Invoking the listeners

    1. The function playerReady

    2. Get the player data
      1. Get the configuration data
      2. Get the playlist data

    3. Get the listener data
      1. The ControllerListeners (ex: get currently playing item data)
      2. The ModelListeners (ex: redirect after playing)
      3. The ViewListeners (ex: show volume and position)
      4. All the Listeners


  5. Calling the player

    1. External javascript control

    2. Load file or playlist from link or script
      1. Load media files
      2. Load and move (ex: mutex players)
      3. Load playlists
      4. Assemble playlists in memory


  6. Combining External control and Listener feedback

    1. Increment volume and position (ex: scrubbing)
    2. External javascript control and playlist item manipulation


  7. Tips and tricks

    1. Layering
      1. Masking the player
      2. Matting the background

    2. Frames
      1. Crossframe control
      2. iFrame control
      3. iFrame parent control

    3. Popup window

    4. Execute JavaScript functions
      1. Function calls from the flashvar link
      2. Function calls from the playlist links