ビデオをフルサイズと固定の高さにするには

Question

ワードプレスで全幅と高さが固定されたウェブページでビデオ自動再生を行います。ビデオは自動的にスライダーで再生されますが、このビデオが何度も何度も何度も再生されることになります。 iframeを使用したくない理由は、YouTubeプレーヤーを埋め込んでいるが、その必要はないからです。 CSSとHTMLだけを使ってやりたい これは私が使用したコードですが、画面の全幅ではありません。

<video autoplay loop style="min-width:100%;max-width:40%"> 
<source src="{video-source}" type="video/mp4" /> 
</video> 

Answer 1

あなたはまた、次のように行うことができます...このCSSで

video 
{ 
    background:black; 
    position:absolute; 
    width:100%; 
    height:100%; 
} 

Answer 2

を試してみてください。

.con{ 
 
    background-color: #000; 
 
    min-width: 100%; 
 
    min-height: 40%; 
 
} 
 
video{ 
 
    width: 50%; 
 
    margin: 0 auto; 
 
    display: table; 
 
}

<div class="con"> 
 
<video autoplay loop controls> 
 
<source src="http://3dstudioworks.com/wp-content/uploads/2016/07/video.mp4" type="video/mp4" /> 
 
</video> 
 
</div>