Safari浏览器视频设置宽度100%,竟然会默认上下加空白,高度变成和宽度一样怎么搞?

[恍若浮云]

<style>
.video{background: transparent url('img/top_banner_bg.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size: 100% auto;
}
</style>
<div class="top_video" style="">
<video class="video" poster="/images/video_bg.png" controls style="">
<source src="/images/top.mp4" type="video/mp4" style="">
<source src="movie.ogg" type="video/ogg" style="">
您的浏览器不能使用最新的视频播放方式呢
</video>
<script>plyr.setup();</script>
</div>

[恍若浮云]

帖子 沉了吗 ? 哪位大神 能帮看看!