无法用html5显示视频

我正在测试html 5视频标签。我使用http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library和http://camendesign.co.uk/。无法用html5显示视频

我下载了创意常用视频。

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

当我转到外部链接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>

来源

2010-05-09 shin

你尝试改变海报为您的网站？ – 2010-05-09 16:23:00

也许一个长镜头，但你有没有尝试添加：

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

到.htaccess文件？

而且，这里是一个很好的文章有更多的技巧来让你去：http://camendesign.com/

来源

2010-05-09 16:35:29 zaf

谢谢zaf。我添加了你的代码，它的工作原理。但它说“替换”__VIDEO __。MP4“与您的视频编码为MP4的路径和替换”__VIDEO __。OGV“与您的视频编码为OGG的路径”，我不确定这意味着什么。任何想法？ – shin 2010-05-09 16:53:13

两个主要的意见在这里...

1）与<图>标签是什么？据我所知，视频标签根本不需要它工作。
2）它可能不是必需的，但我仍然认为这是最好的元类型添加到您的源标签：

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

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

好，而不是两个，我想有三个人都是有^ _^

来源

2010-05-09 16:53:47

退房马克朝圣者Dive into HTML5。 HTML5视频有很棒的篇幅可以回答你的问题。

来源

2010-05-09 22:16:21

这对我的作品

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

来源

2012-02-07 05:48:18 user1073214

无法用html5显示视频

回答

相关问题