flowplayer设置视频logo

最新推荐文章于 2016-09-03 12:40:53 发布

翻译最新推荐文章于 2016-09-03 12:40:53 发布 · 2.3k 阅读

文章标签：

#flowplayer #logo

前端技术资料专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Flowplayer设置视频播放器中的Logo，并通过代码示例展示了如何实现Logo的自动隐藏功能，使用户获得更好的观看体验。

flowplayer设置视频logo

flowplayer("player",
           "http://releases.flowplayer.org/swf/flowplayer.commercial-3.2.18.swf",{
 
    // license key
    key: '#$7162d2d730cf607ac6d' ,
 
    // logo initially has zero opacity
    logo: {
        url: 'http://flash.flowplayer.org/media/img/player/acme.png',
        fullscreenOnly: false,
        opacity: 0
    },
 
    plugins: {
 
        // tie logo autohiding to the controlbar
        controls: {
            onBeforeShowed: function () {
                // gradually show on mouseover
                this.getPlayer().getLogo().fadeTo(0.7, 800);
            },
 
            onBeforeHidden: function () {
                // gradually hide on mouseout
                this.getPlayer().getLogo().fadeTo(0, 800);
            }
        }
    }
});

原地址： http://flash.flowplayer.org/demos/commercial/logo-autohide.html