資訊專欄INFORMATION COLUMN
摘要：前言移動端導播臺采用進行通信，系統(tǒng)要求版本使用去除輪廓外框當用戶點擊的瀏覽器中的鏈接或的可點擊的元素時，覆蓋顯示的高亮顏色。如果未設置透明度，使用默認的透明度。視頻旋轉(zhuǎn)系統(tǒng)，是無法阻止橫屏時視頻播放器不發(fā)生旋轉(zhuǎn)的，需要重新設置樣式。
前言：移動端導播臺采用 WebRtc 進行通信，系統(tǒng)要求版本 ios:11.2+
css 1、使用outline:none去除輪廓外框div{
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時，覆蓋顯示的高亮顏色。
該屬性可以只設置透明度。如果未設置透明度，iOS Safari使用默認的透明度。當透明度設為0，則會禁用此屬性；當透明度設為1，元素在點擊時不可見。
參考地址：https://www.cnblogs.com/Allen...
2、阻止ios 10的縮放功能標簽的方法已經(jīng)失效，只能暫時用js阻止事件
document.addEventListener("touchstart",function (event) {
if(event.touches.length>1){
event.preventDefault();
}
})
var lastTouchEnd=0;
document.addEventListener("touchend",function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=300){
event.preventDefault();
}
lastTouchEnd=now;
},false)
3、單位vh vw
用了vh vw，在 safari 中是不包括底部按鈕框的高度，做單頁應用時要注意元素是否被遮蓋。
4、視頻旋轉(zhuǎn)ios系統(tǒng)，js是無法阻止橫屏時視頻播放器不發(fā)生旋轉(zhuǎn)的，需要重新設置樣式。
@media all and (orientation: portrait) { //這里是豎屏
}
@media all and (orientation: landscape) { //這里是橫屏
}
JS
1、判斷系統(tǒng)類型
var isMobile = {
Android : function() {
return navigator.userAgent.match(/Android/i) ? true : false;
},
BlackBerry : function() {
return navigator.userAgent.match(/BlackBerry/i) ? true : false;
},
iOS : function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
},
Windows : function() {
return navigator.userAgent.match(/IEMobile/i) ? true : false;
},
any : function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
}
};
if (isMobile.iOS()) {//ios*斜體文字*
}
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112927.html
摘要：前言移動端導播臺采用進行通信，系統(tǒng)要求版本使用去除輪廓外框當用戶點擊的瀏覽器中的鏈接或的可點擊的元素時，覆蓋顯示的高亮顏色。如果未設置透明度，使用默認的透明度。視頻旋轉(zhuǎn)系統(tǒng)，是無法阻止橫屏時視頻播放器不發(fā)生旋轉(zhuǎn)的，需要重新設置樣式。 前言：移動端導播臺采用 WebRtc 進行通信，系統(tǒng)要求版本 ios:11.2+ css 1、使用outline:none去除輪廓外框 div{ ...
摘要：前言移動端導播臺采用進行通信，系統(tǒng)要求版本使用去除輪廓外框當用戶點擊的瀏覽器中的鏈接或的可點擊的元素時，覆蓋顯示的高亮顏色。如果未設置透明度，使用默認的透明度。視頻旋轉(zhuǎn)系統(tǒng)，是無法阻止橫屏時視頻播放器不發(fā)生旋轉(zhuǎn)的，需要重新設置樣式。 前言：移動端導播臺采用 WebRtc 進行通信，系統(tǒng)要求版本 ios:11.2+ css 1、使用outline:none去除輪廓外框 div{ ...
摘要：今年夏天，俄羅斯世界杯召開。世界杯高達千萬級的并發(fā)在線觀看用戶，且用戶量徒增非常明顯。安全世界杯賽事直播護航工作中，內(nèi)容的安全和穩(wěn)定同樣重要。 今年夏天，俄羅斯世界杯召開。在剛剛落幕的重慶云棲飛天技術匯專場中，阿里視頻云技術專家裘良科，就世界杯這個話題，跟參會嘉賓一起探討了千萬級直播高穩(wěn)定的挑戰(zhàn)和相關實踐，本文為演講全文。 showImg(https://segmentfault.co...
閱讀 927·2021-09-22 15:17
閱讀 1964·2021-09-22 15:06
閱讀 2255·2021-09-08 09:35
閱讀 5187·2021-09-01 11:43
閱讀 3506·2019-08-30 15:55
閱讀 2181·2019-08-30 12:48
閱讀 3191·2019-08-30 12:45
閱讀 1808·2019-08-29 17:31
