jquery - 标签内的视频在 IE 和 Chrome 中同时播放

Question

我正在使用Simple Tabs w/ CSS & jQuery但我在使用 IE 和 Chrome 时遇到问题。
我在 3 个不同的选项卡中有视频；在 IE 和 Chrome 中，所有选项卡在页面加载时开始播放，但在 Mozila Firefox 中，它在您单击选项卡时开始播放。我希望每个选项卡在有人单击它时开始工作。

谁能告诉我如何解决这个问题吗？

Answer 1

我认为当选项卡激活/停用时，您绝对应该明确地将开始/停止操作发送到视频播放器。听起来视频播放器试图在它变得可见时有足够的意识开始播放(就像在 Firefox 中发生的那样)，但您不应该依赖它在任何地方都工作。

您可能很幸运，您的视频播放器有一个支持发送开始/停止操作的 APi。如果没有，请继续阅读:

作为一个 hacky 解决方案，您可以尝试在激活选项卡时将播放器 iframe 的 src 属性设置为正确的路径。我可能会将路径放入框架内的链接中，然后，当激活选项卡时，将链接的 href 属性复制到 iframe 的 src 属性。浏览器应加载 iframe 并启动视频。

单击另一个选项卡时，将 src 属性移回链接(将 iframe src 留空。视频将被清除。

这样做的优点是可以保持视频的纯 HTML 链接可供搜索引擎访问。不过，它确实有清除视频时间线的缺点 - 尽管在像您这样的直播情况下，这可能不是问题。