2016-09-14 6 views
1

私は完全な背景としてビデオを再生するこのhtmlコードを持っています。HTMLの背景Chromeは動作しません

htmlコード

<video poster="" id="bgvid" playsinline autoplay muted loop> 
<source src="vid.mp4" type="video/mp4"> 
</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(polina.jpg) no-repeat; 
    background-size: cover; 
} 
+0

"playsinline"属性はどこにありますか?そのようなことはない。 – Rob

+1

クロムで正確に動作しないものはありますか?何が壊れていますか? – epascarello

答えて

0

は反転カンマを追加"" URL

background: url("polina.jpg") no-repeat; 

http://www.w3schools.com/cssref/css3_pr_background.asp

+0

それを修正しなかったので、私はその行を削除しましたが、それは必要ではありませんでした、インデックスと同じディレクターでvid.mp4バックグラウンドを実行しますが、その行を削除してもまだ動作しません –

0

に私が行って、ダウnloaded Vide-0.5.0それを修正しました

関連する問題