get (0) .play () - ошибка Internet Explorer

Question

У меня есть это, чтобы показать модальное видео, которое хорошо работает во всех браузерах, кроме IE (в частности, IE8):

//Video
$("#siteNav li.nav5 a").click(function(){
   $("#video").fadeIn();
   $(".commercial").get(0).play();
   return false;
});

$("#video").click(function(event){
   $(this).fadeOut();
   $(".commercial").get(0).pause();
   return false;
});

Если я нажму на это, IE скажет «Ошибка на странице» и перезагрузится.

Если я закомментирую строку $(".commercial").get(0).play/pause();, ошибка не отображается.

Любые идеи, как написать это с помощью альтернативы для IE?

Я должен также упомянутьЯ использую HTML5-видео для совместимых браузеров и Flowplayer / Flash для IE.

Answer 1

Если вы используете flowplayer для браузера IE, попробуйте следующий код.

//Video
$("#siteNav li.nav5 a").click(function(){
   $("#video").fadeIn();
   if($.browser.msie)
     $f($(".commercial").get(0)).play();
   else
     $(".commercial").get(0).play(); 
   return false;
});

$("#video").click(function(event){
   $(this).fadeOut();
   if($.browser.msie)
     $f($(".commercial").get(0)).pause();
   else
     $(".commercial").get(0).pause(); 
   return false;
});