jquery hoverscroll in firefox gives me scrollbars -
i created small media player playlist using flowplayer. used hoverscroll plugin make playlist scroll on hover. have small issue in firefox. when click on 1 of links in playlist play video/music displays firefox default scroll bars.
you can check out demo here
here preview of code 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: { // default 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>
its because of default outline
try on layout.css
line 24 add .playlist a{ outline: none;}
Comments
Post a Comment