gpt4 book ai didi

html - 链接到视频背景 HTML/CSS 的本地视频文件

转载 作者:行者123 更新时间:2023-11-28 03:38:21 25 4
gpt4 key购买 nike

我一直在尝试将我计算机上的视频设为背景视频。我的视频名为“runbg.avi”,它与我的 HTML 和 CSS 文件位于同一文件夹中。

这些是我为了寻找答案而访问过的许多网站中的几个。

Using file:// instead of http:// when trying to get video from my computer rather than the web.

I can point to video on the web but not locally.

到目前为止我的计划。

/* BACKGROUND */
video#vid {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
margin: 0 auto;
}
<!DOCTYPE html>
<head>
<title>Seb's Fitness</title>

<link rel = "stylesheet"
type = "text/css"
href = "css.css" />

<video autoplay loop poster="" id="vid">
<source src="file://runbg.avi" type="video/avi">
</video>

最佳答案

<video autoplay loop poster="" id="vid">
<source src="/runbg.avi" type="video/avi">
</video>

/runbg.avi 表示从根文件夹(/)开始,然后搜索runbh.avi 文件。

了解更多 relative and absolute paths

关于html - 链接到视频背景 HTML/CSS 的本地视频文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44346041/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com