如何製作視頻全寬和固定高度

我想在WordPress中使用全寬和固定高度的網頁製作視頻自動播放。它應該與視頻在沒有任何播放器的情況下在滑塊中自動播放相似，但應該只是這個視頻自動播放一次又一次。不想使用iframe，因爲嵌入了YouTube播放器，但我不需要。只想使用CSS和HTML。這是我使用的代碼，但它不在屏幕的整個寬度上。如何製作視頻全寬和固定高度

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

來源

2016-07-08 smarttechy

與這個CSS嘗試...

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

來源

2016-07-08 05:46:51 Sankar

桑卡爾我有高度降低，當我把它固定在40％或別的東西，然後寬度自動獲得降低 – smarttechy

我的錯誤，它的工作現在:) – smarttechy

嘿，我還以爲高度降低但它不是如何降低其高度我給高度10％的高度並沒有減少，但如果我給在px然後寬度也得到減少 – smarttechy

你可以這樣做也。

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

來源

2016-07-08 06:47:07

如何製作視頻全寬和固定高度

回答

相關問題