video - 无法显示带有 html5 的视频

Question

我正在测试 html 5 视频标签。

我正在使用 http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library和 http://camendesign.co.uk/ .

我下载了创意通用视频。

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

当我转到外部链接时，http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv , 它会自动在浏览器上播放。

我也在本地测试过，但是也播放不了。

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

此代码有效。

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

Answer 1

也许不太可能，但您尝试过添加:

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

到您的 .htaccess 文件？

此外，这是一篇不错的文章，其中包含更多帮助您前进的提示:http://camendesign.com/