哔哩哔哩双击播放器全屏的 js 代码问题

This topic created in 2057 days ago, the information mentioned may be changed or developed.

我在 Chrome 83 开发者工具的 console 这一栏里执行下面的 js 代码——想实现双击播放器全屏的功能，但是没效果，请大家帮我看看是什么原因？

document.querySelector('.bilibili-player-video video').ondblclick = document.querySelector('.bilibili-player-video-btn-fullscreen').click

改成这样也不行

document.querySelector('.bilibili-player-video video').ondblclick =function(){
            document.querySelector('.bilibili-player-video-btn-fullscreen').click();
           
}

大家可以用这个视频帮我测试，谢谢！！！ https://www.bilibili.com/video/BV1wx411x7Yb?p=4

4 replies

ysc3839

Oct 13, 2020

因为点击事件不是由 video 元素处理的。刚刚看了一下是由 class 为 bilibili-player-dm-tip-wrap 的 div 处理的，所以代码改成
document.querySelector('.bilibili-player-dm-tip-wrap').ondblclick = function() {
document.querySelector('.bilibili-player-video-btn-fullscreen').click();
}
即可

sixway

Oct 14, 2020

我找了半天，终于找到了。返回来刷新发现楼上已经发出来了。

iMath

Oct 14, 2020

@ysc3839 厉害，果然有效！
"因为点击事件不是由 video 元素处理的。刚刚看了一下是由 class 为 bilibili-player-dm-tip-wrap 的 div 处理的"
请问一下这一点你是怎么探测出来的？能否指点下方法，谢谢！

iMath

Oct 14, 2020

@sixway 同样感谢你，干杯！