鏈接到本地視頻文件的視頻背景HTML/CSS

我一直卡在試圖使我的電腦上的視頻成爲背景中的視頻。我的視頻標題爲「runbg.avi」，與我的HTML和CSS文件位於同一文件夾中。鏈接到本地視頻文件的視頻背景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>

來源

2017-06-03 Sebastien Bolh

有一個問題在這裏？ – j08691

如何鏈接到本地視頻文件？ –

你錯過元素嗎？ –

編輯：HTML5視頻標籤不支持AVI的視頻類型

您可以使用在線視頻轉換工具轉換到支持的視頻類型。 MP4，OGG，WEBM

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

來源

2017-06-03 16:22:04

這不起作用。 –

[link]（https://stackoverflow.com/questions/4129674/does-html5-video-playback-support-the-avi-format） HTML5視頻標籤不支持AVI。必須使用MP4，OGG或WEBM –

謝謝！我被困了這麼久。 –

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

/runbg.avi裝置開始在根文件夾（/），然後搜索runbh.avi文件。

瞭解更多relative and absolute paths

來源

2017-06-03 16:24:38

這是行不通的。 –

如果這不起作用，那麼html和.avi文件不在同一個文件夾中。請讓我知道你的文件夾結構來幫助你。 –

鏈接到本地​​視頻文件的視頻背景HTML/CSS

回答

相關問題

鏈接到本地視頻文件的視頻背景HTML/CSS