Question

我一直在努力让我的电脑上的视频成为后台的视频。我的视频标题为“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>

Answer 1

编辑：HTML5视频代码不支持AVI视频类型

您可以使用在线视频转换工具转换为支持的视频类型。 MP4，OGG，WEBM

Does HTML5 <video> playback support the .avi format?

Answer 2

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

/runbg.avi表示从根文件夹（/）开始，然后搜索runbh.avi文件。

了解详情relative and absolute paths

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

2 个答案: