Video 无法使用html5显示视频

我正在测试HTML5视频标签

我正在使用和

我下载了这个创意视频

当我使用外部链接时，它会播放视频。所以我把视频上传到我的服务器上，但它没有播放。它询问我是否要保存它或请求应用程序播放

当我转到外部链接时，它会自动在浏览器上播放

我也在本地测试过，但它也不起作用

我希望有人能告诉我为什么以及如何解决这个问题

这个代码有效

<figure>
<video id="vid1" width="500" height="300" style="position:absolute"
 poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
 durationHint="33"
 controls = "true">
<source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv" /> 
<source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v"/>

</video>
    </figure>

但事实并非如此

<figure>
<video id="vid1" width="500" height="300" style="position:absolute"
poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
durationHint="33"
controls = "true">
<source src="http://www.mywebsite.com/media/bbb400p.ogv" /> 
<source src="http://www.mywebsite.com/media/bbb_trailer_iphone.m4v"/>

</video>
</figure>

这也行不通

<figure>
<video id="vid1" width="500" height="300" style="position:absolute"
 poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
 durationHint="33"
 controls = "true">
<source src="http://127.0.0.1/html5videotest/media/bbb400p.ogv" /> 
<source src="http://127.0.0.1/html5videotest/media/bbb_trailer_iphone.m4v"/>

</video>
    </figure>

---

可能不太可能，但您是否尝试添加：

AddType video/ogg .ogv
AddType video/mp4 .mp4

到你的.htaccess文件

---

另外，这里有一篇很好的文章，其中包含了更多的提示：这里有两条主要的评论

1） 标签是怎么回事？据我所知，视频标签根本不需要它来工作。
2） 这可能不是必需的，但我仍然认为最好将元类型添加到源标记中：

<source src="video.ogg" type="video/ogg" />
<source src="video.mp4" type="video/mp4" />

3） 如果您的浏览器要求您下载文件，您很可能在web服务器配置中遇到问题。具体来说，请检查服务器是否为视频文件（.ogv、.mp4、.m4v等扩展名）发送了正确的mime类型

好的，不是两个，我想那里有三个^ ^

看看《马克朝圣者》。HTML5视频中有一个很好的章节可以回答你的问题。

这对我来说很有用

  <video width="640" height="360" controls id="video-player" poster="../../../video/bbb480.jpg">
 <source src="../../../video/bbb400p.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>

您是否尝试将海报更改为您的网站？谢谢zaf。我添加了你的代码，它可以工作。但它说“替换”VIDEO.MP4“为编码到MP4的视频路径，替换”VIDEO.OGV“为编码到OGG的视频路径”，我不确定这是什么意思。有什么想法吗？