flowplayer with auto playlist and seperate caption file for each clip along with external control bar

Flowplayer is free to download and available at flowplayer.org

it also have all these examples i.e.

1) Auto Playlist, 2)Playlist with captions on clips and 3)HTML Control bar

but here i have integrated all of the above three in one file/ one player

you can find the demo at http://demo.avidindiainc.com/flowplayer/

and you can download the files at http://demo.avidindiainc.com/flowplayer/flowplayer-download.zip

Thanks,

samsami2u

http://www.avidindiainc.com

Advertisements

5 thoughts on “flowplayer with auto playlist and seperate caption file for each clip along with external control bar

  1. Hi, thanks for that. Is it possible to have a playlist that you can actually click on to load the video? Right now, your video just cycles through the videos. I’d appreciate any help. Thank you in advance.

  2. Hi, thanks for that. Is it possible to have a playlist that you can actually click on to load the video? Right now, your video just cycles through the videos. I’d appreciate any help. Thank you in advance.

      • Hi. I figured it out.

        JavaScript:

        // wait for the DOM to load using jQuery
        $(function() {

        // setup player normally
        $f(“player1”, “flowplayer-3.2.7.swf”, {

        // clip properties common to all playlist entries
        clip: {
        },

        // our playlist
        playlist: [
        {
        url: ‘http://blip.tv/file/get/KimAronson-TwentySeconds59483.flv’,
        title: ‘Palm trees and the sun’,
        time: ’20 sec’,
        },
        {
        url: ‘http://blip.tv/file/get/KimAronson-TwentySeconds63617.flv’,
        title: ‘People jogging’,
        time: ’20 sec’,
        },
        {
        url: ‘http://area51.3playmedia.com/tole/home-page.mp4’,
        title: ‘Palm trees and the Sun’,
        time: ‘2:51 min’,
        captionUrl: ‘http://area51.3playmedia.com/tole/home-page.srt’
        },

        {
        url: ‘http://area51.3playmedia.com/tole/50lessons.flv’,
        title: ‘Happy feet inside a car’,
        time: ‘1:11 min’,
        captionUrl: ‘http://area51.3playmedia.com/tole/50lessons.srt’
        }
        ],

        // show playlist buttons in controlbar
        plugins: {
        controls: {
        playlist: true
        },

        captions: {
        url: ‘flowplayer.captions-3.2.3.swf’,
        captionTarget: ‘content’
        },

        content: {
        url:’flowplayer.content-3.2.0.swf’,
        bottom: 25,
        width: ‘80%’,
        height:40,
        backgroundColor: ‘transparent’,
        backgroundGradient: ‘low’,
        borderRadius: 4,
        border: 0,
        textDecoration: ‘outline’,
        style: {
        ‘body’: {
        fontSize: ’14’,
        fontFamily: ‘Arial’,
        textAlign: ‘center’,
        color: ‘#ffffff’
        }
        }
        }
        }
        });

        /*
        here comes the magic plugin. It uses first div.clips element as the
        root for as playlist entries. loop parameter makes clips play
        from the beginning to the end.
        */
        $f(“player1”).playlist(“div.clips:first”, {loop:true});
        });



        ${title}
        ${time}



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s