无法使用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/