HTML 视频未显示答案

【问题标题】：HTML video is not displayingHTML 视频未显示
【发布时间】：2017-10-16 11:36:46
【问题描述】：

我想运行下面的代码，但我得到一个空白屏幕。

<video controls>
    <source src="vaction.mp4" type="video/mp4; codecs='avc1, mp4a'">
    <source sr="vaction.webm" type="video/webm; codecs='vp8.0, vorbis'">
    <p>Video is running of family vacation.</p>
</video>

【问题讨论】：

能否提供控制台输出？您的网址可能会遇到 404 错误。
另外，我在您的帖子中看到了一个错字，可能在您的实际代码中也可能不在：第二个标签有“sr”而不是“src”。

标签： html html5-video

【解决方案1】：

您在 src 中缺少 c 并且您在假期中有错字，我假设它必须相同。

<source src="vacation.webm" type="video/webm; codecs='vp8.0, vorbis'">

【讨论】：

【解决方案2】：

首先，这里有一些错别字：它应该是 src 而不是 sr 和 vacation 而不是 vaction。

<source src="vacation.mp4" type="video/mp4; codecs='avc1, mp4a'">
<source src="vacation.webm" type="video/webm; codecs='vp8.0, vorbis'">

那么，您是否在控制台中检查过路径是否正确？否则它会在那里显示错误，您需要更正它。

如果是这种情况，请查看视频的存储位置以及名称是否正确。您必须记住，您需要从站点根目录开始，或者如果路径与您需要的文件位于同一文件夹中，则路径以 ./ 开头。

【讨论】：