IE9中的视频模糊

时间:2011-05-03 16:10:54

标签: html5 css3

在这个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

1 个答案:

答案 0 :(得分:4)

将以下行添加到CSS:

outline: 0;

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