html5 소스 질문 드립니다 (브라우저 구분후 동영상 삽입 관련)

지금 공부하고 있는게 스트리밍 서비스 인데

플레이어를 지원하는 브라우저가 각각 다릅니다. (플레이어도 여러가지 있습니다. jwplayer, dash.js, video.js, html5기본 플레이어)

그래서 사용자 브라우저를 확인하고 브라우저에 맞는 플레이어를 재생시켜주려 합니다.

사용자 브라우저 확인까지는 되는데

if문 안에 동영상 관련 소스를 넣으면 아무 반응이 없습니다.

어떻게 해야 할까요 ㅠㅠ 도움이 필요합니다.

<!DOCTYPE HTML>

<head>

function getBrowserType(){

var _ua = navigator.userAgent;

var rv = -1;

//IE 11,10,9,8

var trident = _ua.match(/Trident\/(\d.\d)/i);

if( trident != null )

{

if( trident[1] == "7.0" ) return rv = "IE" + 11;

if( trident[1] == "6.0" ) return rv = "IE" + 10;

if( trident[1] == "5.0" ) return rv = "IE" + 9;

if( trident[1] == "4.0" ) return rv = "IE" + 8;

}

//IE 7...

if( navigator.appName == 'Microsoft Internet Explorer' ) return rv = "IE" + 7;

//other

var agt = _ua.toLowerCase();

if (agt.indexOf("chrome") != -1) return 'Chrome';

if (agt.indexOf("opera") != -1) return 'Opera';

if (agt.indexOf("staroffice") != -1) return 'Star Office';

if (agt.indexOf("webtv") != -1) return 'WebTV';

if (agt.indexOf("beonex") != -1) return 'Beonex';

if (agt.indexOf("chimera") != -1) return 'Chimera';

if (agt.indexOf("netpositive") != -1) return 'NetPositive';

if (agt.indexOf("phoenix") != -1) return 'Phoenix';

if (agt.indexOf("firefox") != -1) return 'Firefox';

if (agt.indexOf("safari") != -1) return 'Safari';

if (agt.indexOf("skipstone") != -1) return 'SkipStone';

if (agt.indexOf("netscape") != -1) return 'Netscape';

if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';

}

document.write( getBrowserType() );

</script>

</head>

<body>

</body>

</html>