Question

我想更改流媒体播放器中的播放图标，因为当我的视频加载时，播放按钮显示因autoplay:false而背景为白色，这就是播放按钮无法正常显示的原因。这是我的代码：

<a href="http://localhost/project/videos/ydraw_vip_video.mp4" id="player"></a>
<script src="http://localhost/project/js/flowplayer/flowplayer-3.2.5.js"></script>
<script> 
flowplayer("player", "http://localhost/project/js/flowplayer-3.2.5.swf", {
    // a clip object
    clip: {         
        autoPlay: false,
        autoBuffering: true,
    },
    play: {
        url: 'http://localhost/project/img/play_button_flowplayer.png',
        width: 84,
        height: 84
    }
});
</script>

Answer 1

这是显示自己的播放图标的正确方法。图标可以是JPG，PNG或SWF。

取自流动作者文档

// default settings for the play button
play: {
    // relative path to the play button, this can be a JPG, PNG or SWF
    // file. NOTE: the button can only be changed in the commercial
    // versions
    url: 'play.swf',

    // all display properties, except the z-index, can be modified in
    // all versions
    opacity: 0.8,

    // label text; by default there is no text
    label: null,

    // label text at end of video clip
    replayLabel: 'Play again',

    // progress indicator - this is shown while video is being
    // loaded. it is always in the same place as the play button.

    // how fast progress indicator fades out after video is loaded
    fadeSpeed: 500,

    // how fast buffering animation rotates
    rotateSpeed: 50
}

有关详细信息，请参阅流程图branding docs

在flowplayer中更改播放图标

1 个答案: