Question

播放视频/音频时，我看到MediaElement.js视频和音频元素周围出现边框（在某些情况下，当焦点移除时边框不会消失，但这是一个较小的问题，当下）。我在Safari，Chrome和Firefox中看到了这个问题 - 无论出于什么原因，我都不会在IE中看到这个问题。问题出现在我下面的代码中，但它没有出现在MediaElement.js主页上：

http://mediaelementjs.com

我认为这意味着它是一个CSS的东西，但我很困惑为什么它不会成为默认MEJS皮肤CSS的一部分。希望我只是做一些愚蠢的事情。帮助

<!doctype html>

<head>
    <link rel="stylesheet" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">      
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <link  href="mediaelement-2.16.4/mediaelementplayer.css" rel="stylesheet">
    <script src="mediaelement-2.16.4/mediaelement-and-player.min.js"></script>
    <script>
        jQuery(document).ready(function() {
            jQuery('video,audio').mediaelementplayer();
        });
    </script>       
</head>
<body>
    <video src="sample.mp4" poster="mountain.jpg" width="640" height="264"></video>
    <hr>
    <audio src="sample.mp3" preload="auto">
</body>

Answer 1

是的，所以我想出来了（怯懦的鸭子头）。

MediaElement网站正在使用CSS重置，其中包含以下行：

：focus {outline：0; }

......显然，这会消除焦点。有点奇怪，现在我正在思考它，这条线不是MediaElement CSS的一部分。我无法想象有人想要这种行为......

出现在mediaelement.js（2.16.4）周围的边界元素

1 个答案: