我在 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
1
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(); } 即可 |
2
sixway 2020-10-14 00:11:12 +08:00
|