我試著制作了一個回圈的背景視頻，但只有視頻控制元件被顯示在頁面上，其他部分是空白的。
< section id="portfolio-cover" data-height="fullscreen">
<div>/span>
< video id="background-video" playsinline autoplay muted loop width="320" height="240""240" opacity=50 controls >
<source src="chicago. mp4" type="video/mp4">。
</video>/span>
</div>/span>
</section>
uj5u.com熱心網友回復：
我認為這里的問題是src沒有被正確呼叫，這個檔案和你的html檔案在同一個檔案夾中嗎？或者它是一個鏈接？因為我用一個視頻鏈接和一個正確的視頻檔案路徑來測驗這個問題，它完全可以正常作業。試著仔細檢查你的視頻檔案的路徑，或者如果它是一個鏈接，在這里評論一下，這樣我可以告訴你如何在src=""
uj5u.com熱心網友回復：
<html lang="en"> /span>
<head>/span>
<!-- 必要的元標簽-->
<meta charset="utf-8">/span>
< meta name="viewport" content="width=device-width, initial-scale=1">
<title>videobg</title>
<style>
. mainblock{width:100%; float:left; margin。 0 auto; padding: 0; height: 100vh; position:relative; overflow:hidden; }
.mainblock #video-background{
position: absolute;
left: 0;
right: 0;
margin:0 auto;
bottom: 0;
min-width: 100%;
min-height: 100%;
width:100%;
}
@media screen and （max-width:1024px）{
.mainblock #video-background{width: auto; height: 100vh; }
}
</style>>
</head>
<body>
<div class="mainblock">
< video preload="metadata"/span> id="video-background" controls="" playsinline=" muted=">
<source src="http://commondatastorage. googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
</video>/span>
</div>/span>
</body>
</html>/span>全屏視頻標簽html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/306705.html
標籤：
上一篇：用一個按鈕重定向