GET (0) .play() - 인터넷 익스플로러 오류

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 비디오를 사용하고 IE에는 Flowplayer/Flash를 사용합니다.

Answer 1

IE 브라우저에서 flowplayer를 사용하는 경우 아래 코드를 시도하십시오.

//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; 
});