Flowplayer进度条走全宽

时间:2012-01-20 12:50:37

标签: javascript jquery flowplayer

我正在使用带有Javascript插件的flowplayer为我的基于mp3文件的网站。现在一切正常,除了进度条和缓冲。缓冲区div的宽度只有451px,因为我的轨道div获得了903px的自定义宽度(我在CSS中给出)。当我点击播放按钮时,进度div的全宽为451px。播放没有问题。当我提供持续时间为402或者某事时,进度条和播放头会根据需要从起点开始移动。所以我认为这可能是计算mp3文件持续时间的问题。请告诉我这是如何解决的。 我的代码就像这样

<div id="audio" style="display:block;height: 0px;visibility: hidden"></div>
<div id="footer" class="footer"></div>

window.onload = function(){

$f("audio", "swf/flowplayer-3.2.7.swf", {

    // don't start automatically

    clip: {
        autoPlay: false,
        autoBuffering: true,
        duration:430,
        baseUrl: 'http://localhost/gaanaOnline/gaanaonline',
         onFinish: function() {
            setTimeout('player_next()',100);
        }
    },

    onLoad: function() {

        load_clips();
    },
    // disable default controls
    plugins: {
        audio: {
            url: 'swf/flowplayer.audio-3.2.2.swf'
        },
        controls: null

    }

// install HTML controls inside element whose id is "hulu"
}).controls("footer", {

    // CSS class name for the playhead
    playHeadClass: 'playhead',

    // CSS class name for the track
    trackClass: 'track',

    // CSS class name for the playhead when in a playing state
    playClass: 'play',

    // CSS class name for the playhead when in a paused state
    pauseClass: 'pause',

    // CSS class name for the buffer bar
    bufferClass: 'buffer',

    // CSS class name for the progress bar
    progressClass: 'progress',

    // CSS class name for the time display
    timeClass: 'time',

    // CSS class name for mute button
    muteClass: 'mute',

    // CSS class name for the unmute button
    unmuteClass: 'unmute',

    // a default duration for the time display in seconds
    duration: 0
});
};

如果是mp3文件的持续时间问题,请告诉我如何在JS中计算它并提供给播放器。

编辑:我已添加以下截图: Customized Player

0 个答案:

没有答案