html - IE9 中视频周围的模糊线条

Question

在这个 CSS3/HTML5 视频示例中，当我单击停止和暂停按钮时，IE9 会在视频对象周围显示一条微弱的线条。有什么方法可以删除此行。 http://video.stickon.me/css

<video width="416" controls autoplay >
<source src="http://www.archive.org/download/BathToyLakeHaweaWaves/hawea_512kb.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="http://www.archive.org/download/BathToyLakeHaweaWaves/hawea.ogv" type='video/ogg; codecs="theora, vorbis"' >
</video>

video {
    position: relative;
    border-radius: 200px 50px 200px 50px;
    box-shadow: #244766 10px 10px 10px;
    transform: rotate(5deg) translate(15px,10px);
}

已添加 a jsFiddle的问题。

Answer 1

将以下行添加到 CSS:

outline: 0;

在这里工作:http://jsfiddle.net/thebeebs/yRHgW/1/