从webapp目录播放mp4文件

Question

我想在我的应用程序中播放视频文件，因此我在下面编写相同的代码

<video width="640" id="videoPlayer" style="background:black" autoplay controls>
    <source src="/cam01/2017-11-07_17-04-25.mp4" type="video/mp4">
    <p>Your browser does not support the video tag.</p>
</video>

cam01文件夹位于Tomcat的webapp目录（/apache-tomcat-7.0.70/webapps/cam01）中，但我在控制台日志中出现以下错误

即使我试图直接在浏览器上点击网址http://localhost:8080/cam01/2017-11-07_17-04-25.mp4来观看视频，我也会收到以下错误...

Answer 1

以下是如何在本地目录或远程目录中播放页面上的视频：

<video src="[ YOUR VIDEO ].mp4"
controls
width="720" height="480">
Your browser does not support the video element, please #D try <a href="videos/VID_20120122_133036.mp4">downloading the video instead</a>
</video>

请检查您尝试通过以下方式测试的浏览器的兼容性：

https://caniuse.com/#search=video

该元素的当前支持状态如下：

如果你可以播放webm格式而不是mp4，也是首选。

如果仍然无效，请确保已安装闪光灯。 https://get.adobe.com/flashplayer/