Flowplayer and Captions (Subtitles)

Actually I couldn’t mange to make it work with a non-javascript approach, but however with the .js help it works. I’ll paste here this code, hopefully this will help.

Note that you’ve to change plugins/javascripts/videos/captions path!

<div id="player" style="width:480px;height:360px"></div>
<script src="Flowplayer.Captions/flowplayer-3.2.2.min.js"></script>
$f("player", "Flowplayer.Captions/flowplayer-3.1.5.swf", {
    clip : {
        url : "Flowplayer.Captions/bach.flv",
        captionUrl : 'Flowplayer.Captions/bachen.srt'
    plugins:  {
        captions: {
            url: 'Flowplayer.Captions/flowplayer.captions-3.2.1.swf',
            captionTarget: 'content'
        content: {
            url : 'Flowplayer.Captions/flowplayer.content-3.2.0.swf',
            bottom: 5,
            height: 50,
            backgroundColor: 'transparent',
            backgroundGradient: 'none',
            border: 0,
            textDecoration: 'outline',
            style: {
                body: {
                    fontSize: 15,
                    fontFamily: 'Arial',
                    textAlign: 'center',
                    color: '#ffffff'
        controls: {
            url : 'Flowplayer.Captions/flowplayer.controls-3.1.5.swf'
setTimeout(function() {
    $f('player').getPlugin('captions').loadCaptions(0, 'Flowplayer.Captions/bachbg.srt');
}, 3000);

4 thoughts on “Flowplayer and Captions (Subtitles)

  1. do you know how we can add multiple subtitles ? so we can change subtitles on fly during running video ?

  2. Sure,

    actually I was trying to do the similar, and as far as I remember it was very easy. You can try with something like:

    $f('player').getPlugin('captions').loadCaptions(0, 'Flowplayer.Captions/my.srt');

    during the playback. Please try with this and if something goes wrong I’ll try to simulate it.


Leave a Reply

Your email address will not be published. Required fields are marked *