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

Question

切换标签或失焦时，是否可以停止播放HTML5视频？

我将HTML5 video与jQuery UI tabs结合使用。

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

---

感谢您的帮助，但我对javascript的了解属于业余级别。我尝试使用CSS将其抛出屏幕而不是隐藏它，但这也无效。

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

我认为这是因为IE＆lt; 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 event应该可以解决问题。