Question

我不知道我的问题在这里。（要回溯，我在编程/前端设计方面还很陌生，但是我觉得这应该是一个非常简单的任务，这使它更加令人沮丧。）

因此，我需要将视频嵌入到公司的网页中。这是一个有角度的应用程序，我主要在处理它的前端，因为我不太了解角度。下面是我用来嵌入视频的代码。

#vidtitle {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #3e8e41
}

#border_wrap {
  padding: 2px; 
  background-color: #3e8e41; 
  margin-top:0;
  margin-bottom:10%
}

 <div class="col-xs-12 col-md-7 col-lg-6" style="text-align:center">
      <h6 id="vidtitle" style="font-size:14px; color:white">Learn about how we're changing the game in the investigative industry.</h6>
      <video id="border_wrap" width="100%" height="auto" controls>
        <source src="assets/Groundwork-Investigations.mp4" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2" />
        <source src="assets/Groundwork-vid.ogv" type="video/ogg" codecs="theora, vorbis" />
        Your browser does not support the video tag.
      </video>
    </div>

当我在本地主机上运行它时，它工作得很好。但是，将其发布到网站后，当我在Chrome中查看开发人员工具时会收到以下错误：

/assets/Groundwork-Investigations.mp4:1无法加载资源：服务器响应状态为404（未找到）

/assets/Groundwork-vid.ogv:1无法加载资源：服务器以404（未找到）状态响应

我怀疑这与我使用的文件路径有关，但是我不确定这是否正确。谁能帮忙？

谢谢。

网页上嵌入的视频：在本地主机上成功，发布后无法加载资源

0 个答案: