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

2020-10-13 20:44:00 +08:00
 iMath

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

1096 次点击
所在节点    问与答
4 条回复
ysc3839
2020-10-13 23:54:36 +08:00
因为点击事件不是由 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
2020-10-14 00:11:12 +08:00
我找了半天,终于找到了。返回来刷新发现楼上已经发出来了。
iMath
2020-10-14 15:58:22 +08:00
@ysc3839 厉害,果然有效!
"因为点击事件不是由 video 元素处理的。刚刚看了一下是由 class 为 bilibili-player-dm-tip-wrap 的 div 处理的"
请问一下这一点你是怎么探测出来的?能否指点下方法,谢谢!
iMath
2020-10-14 15:58:50 +08:00
@sixway 同样感谢你,干杯!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/714622

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX