问题标签 [html5-video]

我已经阅读了几篇文章，我不明白为什么要使用 html5 而不是 flash，所以有几个例子可以显示其优势吗？

我经营着一个网站，其中包含大约 700 个参考视频（不，它不是色情片——让你的思想摆脱阴沟:-)）。

视频目前为 FLV 格式。我们使用 JWPlayer 来渲染这些视频。IIS6 托管。一切正常。

据我了解，H.264（不是 FLV，可能不是 OGG）是新兴的首选 HTML5 视频标准。今天，iPad 真的只尊重 H.264 或 YouTube。据推测，很快许多更重要的浏览器将效仿 Apple 并仅尊重 HTML5 标签。

好的，所以我想我可以弄清楚如何将我现有的视频转换为正确的 H.264 格式。有多种工具可用，包括 ffmpeg.exe。我还没有尝试过，但在摆弄编解码器设置后，我认为这不会成为问题。

我的问题更多是关于容器本身——即为所有用户规划优雅的过渡。渲染这些视频的最佳实践建议是什么？如果我只使用 HTML5 标签，那么大概任何不支持 HTML5 的浏览器都不会看到视频。如果我通过 JWPlayer 或其他播放器以 Flash 格式渲染它们，那么它们将无法在 iPad 上播放。我是否必须在这里进行丑陋的 UserAgent 检测才能确定要渲染的内容？

我知道 JWPlayer 支持 H.264 媒体，但播放器本身不是 Flash 组件，因此不能在 iPad 上播放吗？抱歉，如果我不清楚，但我正在摸索一个优雅的过渡计划，该计划适用于当前的浏览器、iPad 和即将到来的 HTML5 浪潮。我不是视频专家，所以欢迎任何建议，谢谢。

我们刚刚开始使用 html5 视频，似乎无法.ogg在 Firefox 中播放文件，有什么提示吗？这是我们正在使用的来源：

现场示例可以在这里看到：

然而，我们完全感到困惑，一切似乎都是正确的。

我正在使用以下 HTML5 来显示视频，但只有控件显示在 Chrome 中。在 Safari 和 Firefox 中运行良好：

有任何想法吗？

我有一个缓冲问题。
在我的页面（我远程访问）上，我有一个使用该currentTime属性定位的视频。

然而，看起来，尽管我没有自动缓冲，但视频仍然缓冲到这个位置。

那是对的吗？
有没有办法在这个时间点之前不阅读视频就可以找到这个位置？

我正在使用 jQuery 工具进行叠加。在叠加层内，我有一个 HTML5 视频。但是，当我关闭叠加层时，视频会继续播放。知道当我关闭叠加层时如何让视频停止吗？这是我的代码：

我尝试使用

但这也暂停了覆盖。

我正在尝试使用 JavaScript 在页面上动态生成视频元素。

JavaScript

HTML

在 Firefox 中，我得到了视频线束，但实际视频没有加载。在 IE8 中甚至没有出现视频线束。

HTML 5 是否还不足以实现这一目标？

编辑：让它与 Artiom 的修复程序一起使用。看起来这适用于 Chrome 和 Safari。我正在使用 Firefox 不支持的编解码器，所以它在那里不起作用；尽管我怀疑它可以与受支持的编解码器一起使用。IE8果然不行（高五IE）。

有没有一种优雅的方法可以在特定时间暂停 html 5 视频？

我尝试了两种方法：

1. 使用 timeupdate 事件并查看 currentTime 属性是否大于所需时间并调用 pause()。这在 Firefox 中表现良好，其他浏览器有时会滞后并在视频真正暂停之前渲染额外的帧。
2. 使用 TimedTracks 和一个将 PauseOnExit 标志设置为 true 的提示。不幸的是，没有浏览器实现 TimedTracks ......

你有其他想法吗？

干杯，斯特凡

我试图对标签的 HTML 5onended事件做出反应，但没有成功。video在下面的代码片段中，我添加了 mouseleave 事件以确保 jQuery 代码正确并且该事件确实激活了该alert()框。

视频播放得很好，但我没有收到onended事件（我alert()没有触发）。

在 Chrome 中进行测试，今天更新到版本 5.0.375.55。

使用 Apple 提供的这段代码，我可以连续播放两个视频（并且没有暂停！）（参见第 2-4 节）...

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html

...但完全不知道如何播放第三或第五个视频。麻烦的是我是一个 Javascript 菜鸟 :-(，所以如果你明白这一点，请尽可能多地分享你的代码。