크로스 브라우징 방법

1. 객체 판별법

  - 사용할 객체의 지원 여부로 분기 처리

 

<video id="myvideo" width="640" height="360" controls poster="../img/chrome.jpg">

</video>

 

myvideo = document.getElementById("myvideo");

 

if(typeof myvideo.ontimeupdate == "object") {

//DOM Level 0 방식 : 비표준

myvideo.ontimeupdate = updateTime;

} else {

//DOM Level 2 방식 : 표준

myvideo.addEventListener("timeupdate",updateTime);

}

 

 

2. 브라우저 판별법

  - 접속한 브라우저의 종류에 따라서 분기 처리

 

console.log(window.navigator.userAgent);