0

我使用 flowplayer 创建了一个带有播放列表的小型媒体播放器。我使用了一个hoverscroll 插件来使播放列表在悬停时滚动。但我在 Firefox 中有一个小问题。当我单击播放列表中的一个链接播放视频/音乐时，它会显示 Firefox 默认滚动条。

你可以在这里查看演示

下面是代码JS的预览：

    // Override default parameters onload
jQuery.fn.hoverscroll.params = jQuery.extend(jQuery.fn.hoverscroll.params, {
    vertical : true,
    width: 355,
    height: 100,
    arrows: false
});


flowplayer("video", "assets/flowplayer/flowplayer-3.2.6.swf", {
    clip: { 
        // by default do not auto play
        autoPlay: false
    },

    playlist: 'assets/gallery/mrss-video.xml',

    // show playlist buttons in controlbar
    plugins: {
        controls: {
            url: 'flowplayer.controls-3.2.4.swf',

            buttonColor: 'rgba(0, 0, 0, 0.9)',
            buttonOverColor: '#000000',
            backgroundColor: '#D7D7D7',
            backgroundGradient: 'medium',
            sliderColor: '#FFFFFF',

            sliderBorder: '1px solid #808080',
            volumeSliderColor: '#FFFFFF',
            volumeBorder: '1px solid #808080',

            timeColor: '#000000',
            durationColor: '#535353',
            playlist: true
        }
    },

    onLoad: function() {
        jQuery('#video-pl .playlist').hoverscroll();
    }
});
$f("video").playlist("#video-pl .playlist", {loop: true});

HTML：

<div id="media-video" class="tabs">
    <div class="media-container">
        <div id="video" class="flow-container"></div>
    </div>
    <div id="video-pl"> 
        <ul class="playlist">
            <li><a href="#"><strong>${title}</strong> - <samp>${author}</samp></a></li>
        </ul>
    </div>
</div>
4

1 回答 1

0

这是因为默认大纲

尝试layout.css第 24 行添加 .playlist a{ outline: none;}

于 2011-02-18T10:28:03.570 回答