Html5タグChromeでビデオが機能しない

FirefoxでFirefoxとIE Explorerでタグが正常に動作していますが、Chromeでは動作しません。私は2つのビデオフォーマット、MP4とWEBMを持っている。ここで、 Html5タグChromeでビデオが機能しない

は、HTML

<video playsinline autoplay muted loop poster="8.jpg" id="bgvid"> 

    <source src="8.mp4" type="video/mp4"> 
    <source src="8.webm" type="video/webm"> 

</video>

そして、私のCSSがあるあなたがライブバージョンを確認したい場合は

video#bgvid { 
position: fixed; 
top: 50%; 
left: 50%; 
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto; 
z-index: -100; 
-ms-transform: translateX(-50%) translateY(-50%); 
-moz-transform: translateX(-50%) translateY(-50%); 
-webkit-transform: translateX(-50%) translateY(-50%); 
transform: translateX(-50%) translateY(-50%); 
background: url(8.jpg) no-repeat; 
background-size: cover; 
}

、あなたはここでそれを見つけることができます。

出典

2017-05-28 Bruno Luiz De Faria

理由かもしれない8.jpgのために、 "見つかりません"。 – Pyromonk

あなたのウェブサイトはビデオを読み込んでいますが、そのポスターが表示されていないためです。あなたのウェブサイトにはポスターがありません。ポスターを外して確認してください。 – AdhershMNair

欠けているポスターが問題だとは思わない。 codepenでうまく動作し、ポスターが404'ing https://codepen.io/mcoker/pen/JNqyLK –