chrome <video>全屏后按钮不能点击了

<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>

没有全屏的话按钮是能点击的,全屏后就不行了
chrome for Mac(64.0.3282.140)

阅读 8.6k
3 个回答

什么意思?全屏之后按钮就看不到了当然不能点。

新手上路,请多包涵

想问一下楼主这个问题解决了吗?我目前和你遇到的问题一样,Mac chrome 版本 66.0.3359.139,自定义的视频播放控件,在全屏状态下点击无效。其他人的window电脑也是同样问题。。。像是浏览器的问题。

z-index:2147483648;
我在项目中这样做是可以的。层级+1,试试看。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题