我正在使用Simple Tabs w/ CSS & jQuery但我在使用 IE 和 Chrome 时遇到问题。
我在 3 个不同的选项卡中有视频;在 IE 和 Chrome 中,所有选项卡在页面加载时开始播放,但在 Mozila Firefox 中,它在您单击选项卡时开始播放。
我希望每个选项卡在有人单击它时开始工作。
谁能告诉我如何解决这个问题吗?
最佳答案
我认为当选项卡激活/停用时,您绝对应该明确地将开始/停止操作发送到视频播放器。听起来视频播放器试图在它变得可见时有足够的意识开始播放(就像在 Firefox 中发生的那样),但您不应该依赖它在任何地方都工作。
您可能很幸运,您的视频播放器有一个支持发送开始/停止操作的 APi。如果没有,请继续阅读:
作为一个 hacky 解决方案,您可以尝试在激活选项卡时将播放器 iframe 的 src 属性设置为正确的路径。我可能会将路径放入框架内的链接中,然后,当激活选项卡时,将链接的 href
属性复制到 iframe 的 src
属性。浏览器应加载 iframe 并启动视频。
单击另一个选项卡时,将 src
属性移回链接(将 iframe src
留空。视频将被清除。
这样做的优点是可以保持视频的纯 HTML 链接可供搜索引擎访问。不过,它确实有清除视频时间线的缺点 - 尽管在像您这样的直播情况下,这可能不是问题。
关于jquery - 标签内的视频在 IE 和 Chrome 中同时播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5368961/