HTML5 视频问题
我想知道我做错了什么?
<video id="movie" width="320" height="240" preload controls>
<source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>
这种和平的代码位于我的index.html 中。在同一目录中,我得到了所有 3 个视频文件(mp4、webm、ogv)。
不知何故,视频组件显示出来,但没有播放视频。视频组件内部会出现一个大 X。
i wonder what i'm doing wrong?
<video id="movie" width="320" height="240" preload controls>
<source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>
this peace of code lies in my index.html. in the same directory i got all 3 videofiles (mp4, webm, ogv)
Somehow the video component shows up, however no video gets played. A big X shows up inside of the video component.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
我的猜测是,这是 一个较早的问题。如果是这样,答案是:确保您的服务器配置具有以下关联:
My guess is that this is a duplicate of an earlier question. If so, the answer is: Make sure your server config has the following associations:
在哪个浏览器上?例如 IE 根本不支持视频元素。
此外,课程元素是一个空元素,因此不应该有结束标签。
我还注意到 Firefox 中的一个错误,其中 Ogg 文件必须是第一个资源,否则它将无法工作。不过,这可能已在 3.6.3 中修复。
On which browser? IE for example doesn't support the video element at all.
Also, the course element is a void element and as such shouldn't have an end tag.
I've also noticed a bug in Firefox where the Ogg file has to be the first resource otherwise it doesn't work. This may have been fixed in 3.6.3 though.
Firefox 3.6不支持WebM视频格式。要观看 HTML5 WebM 视频,您需要下载 每晚版本的 Firefox 4
对于 Ogv 管理框架率并且不期望显示高清视频。使用较高的速率时,Firefox 无法显示我的视频,但当我降低帧速率和质量时,它可以正常工作。
Firefox 3.6 doesn't support WebM video format. To view HTML5 WebM videos you need to download a nightly build of Firefox 4
For Ogv take care of frame rates and don't expect to show HD video. With a higher rate Firefox couldn't show my video, but when I reduce the frame rate and the quality, it works fine.