Source Code

<div><a href="vod/ZONE.ALIAS/Extremists.flv" style="display:block;width:640px;height:480px;" id="player1"></a></div>
<script type="text/javascript">
flowplayer("player1", "flowplayer/flowplayer-3.2.1-dev.swf", {
    log: {
        level: 'debug',
        filter: 'org.flowplayer.slowmotion.*'
    },
    plugins: {
        slowmotion: {
            url: '/flowplayer/flowplayer.slowmotion-3.2.0.swf'
        },
        rtmp: {
            url: '/flowplayer/flowplayer.rtmp-3.2.0.swf',
            netConnectionUrl: 'rtmp://r.ZONE.ALIAS.netdna-cdn.com/play'
        },
        speedIndicator: {
            url: 'flowplayer/flowplayer.content-3.2.0.swf',
            bottom: 50,
            right: 15,
            width: 135,
            height: 30,
            border: 'none',
            style: {
                body: {
                    fontSize: 12,
                    fontFamily: 'Arial',
                    textAlign: 'center',
                    color: '#ffffff'
                }
            },
            backgroundColor: 'rgba(20, 20, 20, 0.5)',
            display: 'none'
        },
        controls: {
            tooltips: {
                buttons: true
            }
        }
    },
    clip: {
        provider: 'rtmp',
        scaling: 'orig'
    }
});
$f().onLoad(function () {
    $("#actions").css("opacity", 1);
    $("#actions button").removeAttr("disabled")
});
$f().onUnload(function () {
    $("#actions").css("opacity", 0.5);
    $("#actions button").attr("disabled", true)
});
var actions = {
    backward: function (speed) {
        $f().getPlugin('slowmotion').backward(speed)
    },
    forward: function (speed) {
        $f().getPlugin('slowmotion').forward(speed)
    },
    normal: function () {
        $f().getPlugin('slowmotion').normal()
    }
}
</script>
<div id="actions" style="text-align:center;opacity:1;width:640px;margin-top: 10px;">
<button type="button"  disabled onclick="actions.backward(8)"> Back 8 x </button>
<button type="button"  disabled onclick="actions.backward(4)"> Back 4 x </button>
<button type="button"  disabled onclick="actions.backward(2)"> Back 2 x </button>
<button type="button"  disabled onclick="actions.normal()"> Normal </button>
<button type="button"  disabled onclick="actions.forward(2)"> Fwd 2 x </button>
<button type="button"  disabled onclick="actions.forward(4)"> Fwd 4 x </button>
<button type="button"  disabled onclick="actions.forward(8)"> Fwd 8 x </button>
<button type="button"  disabled onclick="actions.backward(0.25)"> Backward 1/4 </button>
<button type="button"  disabled onclick="actions.backward(0.5)"> Backward half </button>
<button type="button"  disabled onclick="actions.forward(0.5)"> Forward half </button>
<button type="button"  disabled onclick="actions.forward(0.25)"> Forward 1/4 </button>
</div>