場景:
安卓手機(jī)上進(jìn)入有視頻的頁面未點(diǎn)擊播放,點(diǎn)擊視頻的全屏按鈕靡努,用手機(jī)自帶返回鍵返回到了列表頁坪圾,整個(gè)頁面點(diǎn)擊事件失效
思路:
思路一:點(diǎn)擊返回按鈕的時(shí)候關(guān)閉全屏播放并返回上一頁;第一次點(diǎn)擊返回按鈕時(shí)關(guān)閉全屏惑朦,第二次點(diǎn)擊返回按鈕兽泄,返回上一頁。(經(jīng)實(shí)驗(yàn)關(guān)閉不了這個(gè)全屏)
思路二:隱藏全屏按鈕 (ios漾月、安卓x5內(nèi)核沒問題病梢,安卓原生內(nèi)核,因?yàn)殡[藏全屏按鈕導(dǎo)致不能全屏)
思路三:不用vidoe標(biāo)簽梁肿,用第三方插件video.js(唯一的缺點(diǎn):安卓x5內(nèi)核蜓陌、安卓原生內(nèi)核頁面內(nèi)播放樣式不一致觅彰,IOS、安卓x5內(nèi)核护奈、安卓原生內(nèi)核全屏播放時(shí)樣式不一致)
隱藏全屏按鈕的代碼:
video::-webkit-media-controls-fullscreen-button {
display: none;
}
隱藏全屏按鈕前:
隱藏全屏按鈕后: