我正在使用Simple Tabs w/ CSS & jQuery,但我遇到了IE和Chrome的问题 我有3个不同标签的视频;在IE和Chrome中,所有标签在页面加载时开始播放,但在Mozila Firefox中,当您单击选项卡时它会开始播放。 我希望每个标签在有人点击它时开始工作。
有谁能告诉我如何解决这个问题?
答案 0 :(得分:0)
我认为在激活/取消激活标签时,您应该明确地将启动/停止动作发送到视频播放器。这听起来像是视频播放器试图在其变得可见时开始播放(如在Firefox中发生的那样),但你不应该依赖它在任何地方工作。
您可能很幸运,您的视频播放器具有支持发送开始/停止操作的APi。如果没有,请继续阅读:
作为一个hacky解决方案,您可以尝试在激活选项卡时将播放器iframe的src
属性设置为正确的路径。我可能会将路径放入框架内的链接,然后,当激活选项卡时,将链接的href
属性复制到iframe的src
属性。浏览器应加载iframe并启动视频。
点击其他标签后,将src
属性移回链接(将iframe src
留空。视频将被清除。
这样做的好处是可以保持搜索引擎可以访问的视频的纯HTML链接。它确实有清除视频时间轴的缺点 - 虽然在像你这样的直播情况下,它可能不是问题。