溢出：隐藏的HTML5视频

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

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

<div class="video_container"> 
<video autoplay loop controls muted="true"class="video_window"> 
    <source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video> 
</div>

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

这一个应该做的伎俩，如果你的意思是那些烦人的酒吧与在您的DIV上滚动元素。设置为你的包装元素（例如.video_container）

&::-webkit-scrollbar { 
    display: none; 
}

来源

2016-08-23 16:19:52 Evgeny

谢谢，但不幸的是，这并没有解决我的问题。在Chrome和Firefox中，当我更改窗口大小/宽度时，滚动仍处于启用状态。 – auto

我刚刚在我的OS X（Mac）上测试了Chrome和FF，它不会给我任何滚动条..你是Windows/Linux吗？ – Evgeny

啊，我删除了位置：绝对从容器中，它似乎工作正常！谢谢！ – auto

溢出：隐藏的HTML5视频

回答

相关问题