html5 横向溢出隐藏,溢出：隐藏的HTML5视频

我想隐藏包装在容器中的HTML5视频的溢出。但是Firefox和Chrome仍然有滚动条。当我尝试在Jsfiddle中重新创建问题时，它工作正常(没有滚动条)，但firefox或chrome中的相同代码创建滚动并且不隐藏任何溢出。溢出：隐藏的HTML5视频

任何想法如何让HTML5视频的溢出隐藏，以及为什么它不起作用？ PS。我曾试图改变容器各种事物的位置，并尝试打破overflow: hidden到overflow-x和overflow-y

Your browser does not support the video tag.

CSS

.video_container{

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: -100;

overflow:hidden

}

video{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

@media (min-aspect-ratio: 16/9) {

video {

height: 300%;

top: -100%;

}

}

@media (max-aspect-ratio: 16/9) {

video{

width: 300%;

left: -100%;

}

}

2016-08-23

auto