オーバーフロー：HTML5のために非表示ビデオ

Question

コンテナにラップされたHTML5ビデオのオーバーフローを隠そうとしています。しかし、FirefoxとChromeにはまだスクロールバーがあります。 Jsfiddleで問題を再現しようとすると、スクロールバーは表示されませんが、firefoxやchromeの同じコードではスクロールが作成され、オーバーフローは隠されません。

どのようにHTML5ビデオのオーバーフローを隠すことができ、どのように動作しないのでしょうか？ PS。私はあなたがそれらの迷惑なバーを意味している場合、この1はトリックを行う必要がありますCSS

<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> 

.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%; 
    } 
} 

Answer 1

を様々なものにコンテナの位置を変更し、overflow-xまでoverflow: hiddenを破るしようとしているとoverflow-y試してみましたあなたのDIVのスクロール要素。これをラッパー要素（例：.video_container）に設定してください。

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