我的一個播放視頻頁面 放了優酷的通用代碼 蘋果的設備都可以觀看 但是安卓的設備有一部分看不了,所以想學習一下怎麼判斷是哪種設備訪問的頁面 可以加載不同的視頻鏈接
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>webkfa.com</TITLE>
</HEAD>
<BODY>
<div id="testid"></div>
<script type="text/javascript">
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return { //移動終端浏覽器版本信息
trident: u.indexOf('Trident') > -1, //IE內核
presto: u.indexOf('Presto') > -1, //opera內核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或uc浏覽器
iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD浏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web應該程序,沒有頭部與底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
var html=[];
html[html.length]="語言版本: "+browser.language;
html[html.length]=" 是否為移動終端: "+browser.versions.mobile+"<br/>";
html[html.length]=" ios終端: "+browser.versions.ios+"<br/>";
html[html.length]=" android終端: "+browser.versions.android+"<br/>";
html[html.length]=" 是否為iPhone: "+browser.versions.iPhone+"<br/>";
html[html.length]=" 是否iPad: "+browser.versions.iPad+"<br/>";
html[html.length]=navigator.userAgent+"<br/>";
document.getElementById("testid").innerHTML=html.join("");
</script>
</BODY>
</HTML>