HTML5 视频问题

发布于 2024-09-04 05:04:18 字数 473 浏览 0 评论 0原文

我想知道我做错了什么?

<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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

ζ澈沫 2024-09-11 05:04:18

我的猜测是,这是 一个较早的问题。如果是这样,答案是:确保您的服务器配置具有以下关联:

  • .ogv:视频/ogg
  • .oga:音频/ogg
  • .ogg:应用程序/ogg
  • .webm:视频/webm
  • .mp4:视频/mp4

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:

  • .ogv: video/ogg
  • .oga: audio/ogg
  • .ogg: application/ogg
  • .webm: video/webm
  • .mp4: video/mp4
最丧也最甜 2024-09-11 05:04:18

在哪个浏览器上?例如 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.

小糖芽 2024-09-11 05:04:18

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文