切换 jQuery UI 选项卡时停止播放 HTML5Media

Question

当选项卡切换或失去焦点时，是否可以停止播放 HTML5 视频？

我将 HTML5 视频 与 jQuery UI 选项卡。

我提前道歉，我似乎找不到有效的解决方案。

---

感谢您的帮助，但我对 javascript 的了解还处于业余水平。我尝试使用 CSS 将其从屏幕上扔掉而不是隐藏它，但这也不起作用。

WTK，谢谢，您的解决方案适用于除 IE 7/8 之外的所有浏览器。 IE 会返回一个错误（“对象不支持此属性或方法”）并且根本不会切换到视频选项卡 - 它在 IE 中已损坏。

我认为这是因为 IE < v.9 不理解 html5 视频对象并在使用 HTML5Media 的解决方案时回退到 Flowplayer…？

有什么想法吗？谢谢！

Answer 1

$('#example').tabs({
    select: function(event, ui) {
        // if tab we're switching to isn't the one with a video player
        if (ui.tab.id != 'tab_with_player') {
            // pause your video player
            $("#your_video_tag")[0].pause();
        }
    }
})

Answer 2

处理 select 事件 应该可以解决问题。