Остановите проигрывание HTML5Media, когда вкладка jQuery UI переключена

Question

Можно ли остановить воспроизведение видео HTML5, когда вкладка переключена или не в фокусе?

Я использую HTML5-видео в сочетании с вкладками jQuery UI .

Заранее извиняюсь, не могу найти работающего решения.

---

Спасибо за вашу помощь, но мои знания javascript находятся на любительском уровне. Я пытался использовать CSS, чтобы выбросить его за пределы экрана, а не скрывать, но это тоже не сработало.

WTK, спасибо, ваше решение работало для всех браузеров, кроме IE 7/8. IE возвращает ошибку («Объект не поддерживает это свойство или метод») и вообще не переключается на вкладку видео - она ​​не работает в IE.

Я предполагаю, что это потому, что IE

Есть идеи? Спасибо!

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 должна помочь.