在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ chrome <video>全屏后按鈕不能點(diǎn)擊了

chrome <video>全屏后按鈕不能點(diǎn)擊了

<html>
<head>

</head>
<body>
    <video src="http://www.w3school.com.cn/i/movie.mp4" controls="controls" loop="loop"></video>
    <button style="z-index:2147483647;position:fixed;">play/pause</button>
</body>

<script>
    var video = document.querySelector('video')
    var button = document.querySelector('button')

    button.onclick= function(e){
        video.paused ? video.play() : video.pause()
    }
</script>
</html>

沒有全屏的話按鈕是能點(diǎn)擊的，全屏后就不行了
chrome for Mac(64.0.3282.140)

回答
編輯回答
溫衫

z-index:2147483648;
我在項目中這樣做是可以的。層級+1，試試看。

2018年9月2日 15:09
編輯回答
做不到

什么意思？全屏之后按鈕就看不到了當(dāng)然不能點(diǎn)。

2017年2月21日 01:58
編輯回答
風(fēng)畔

想問一下樓主這個問題解決了嗎？我目前和你遇到的問題一樣，Mac chrome 版本 66.0.3359.139,自定義的視頻播放控件，在全屏狀態(tài)下點(diǎn)擊無效。其他人的window電腦也是同樣問題。。。像是瀏覽器的問題。

2017年2月11日 02:55