我正在尝试加载存储在我的解决方案中的<video style="margin-top:30px;margin-bottom:30px" width="800" height="600" controls>
<source src='@Url.Content("~/Content/AudioAssets/speechSample.mp4")' type="video/mp4">
<track src='@Url.Content("~/Content/AudioAssets/trackCues.vtt")' kind="metadata" default>
</video>
文件,我正尝试以下列方式在我的视图中加载此资源:
.vtt
然而,当页面加载时,我收到以下错误:
无法加载资源:服务器响应状态为404 (未找到)http://localhost:33862/Content/AudioAssets \ trackCues.vtt
我不确定为什么这会失败,因为路径看起来是正确的(虽然我一定是错的)
注意:我将视频加载到同一目录并使用相同的语法,因此我不确定为什么 #Homepage{
width:100vw;
height:100vh;
z-index:2;
background-position:center;}
video.bgvid {
position:fixed;
top: 0;
left: 0;
width: 100vw;
min-height:100vh;
border:1px solid red;
z-index: -100;
background: url("../img/bg3.jpg") no-repeat;}
video{width:100%;}
.overlay{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:1;
background-color: rgba(0, 0, 0, 0.8);}
文件无法加载
答案 0 :(得分:2)
在ApplicationHost.config中指定Mime-Type
将以下配置添加到staticContent
ApplicationHost.config
部分
<mimeMap fileExtension=".vtt" mimeType="text/vtt" />
配置文件位于:
%HOMEPATH%\Documents\IISExpress\config\ApplicationHost.config
在Web.config中指定Mime-Type (适用于OP)
此配置允许部署项目,而无需更改任何服务器设置。
<system.webServer>
<staticContent>
<remove fileExtension=".vtt " />
<mimeMap fileExtension=".vtt " mimeType="text/vtt" />
</staticContent>
</system.webServer>