HTML视频未显示

时间:2017-10-16 11:36:47

标签: html html5-video

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

<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>

2 个答案:

答案 0 :(得分:0)

你错过了src中的c并且你在假期中有一个拼写错误,我假设它必须是相同的。

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

答案 1 :(得分:0)

首先,你有一些拼写错误: 它应该是 src 而不是 sr 假期而不是假期

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

然后,您是否已在控制台中检查路径是否正确?否则它会在那里显示错误,你需要纠正它。

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