Question

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

您可以查看demo here

以下是代码的预览 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>

Answer 1

因为默认大纲

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

firefox中的jquery hoverscroll给了我滚动条

1 个答案: