xdlumia / vue3-video-play

适用于 Vue3 的 hls.js 播放器组件,配置丰富,界面还算好看
https://codelife.cc/vue3-video-play/
581 stars 96 forks source link

新增: 右键菜单功能,右键菜单包涵,视频滤镜调节、快捷键说明、复制当前视频网址 #76

Open time202051 opened 1 year ago

time202051 commented 1 year ago

这个功能右键菜单点击未生效,如何使用?或如何禁用?

nealcaffreal commented 1 year ago

同问 如何禁用。。。

ProudMuBai commented 1 year ago

鼠标右键点击视频的时候确实有问题, 不过可以回避一下, 把触发右键事件的元素层级z-index放置到最下面就可以了, 我自己用这种方式可以解决, 你们也可以试试 :deep(.d-player-contextmenu){ z-index: -100!important; }

mishengqiang commented 1 year ago

鼠标右键点击视频的时候确实有问题, 不过可以回避一下, 把触发右键事件的元素层级z-index放置到最下面就可以了, 我自己用这种方式可以解决, 你们也可以试试 :deep(.d-player-contextmenu){ z-index: -100!important; }

有用啊!!!

745740681 commented 11 months ago

:deep(.d-player-contextmenu){ z-index: -100!important; } 设置之后,右键菜单确实没有了。但使用右键后随便点击屏幕的任何地方都会报错。

time202051 commented 11 months ago

确实。当时不知道我每次右键都删除dom

time202051 commented 11 months ago

let chArr: any = document.body.getElementsByClassName("d-player-contextmenu"); for (let i = 0; i < chArr.length; i++) { //删除元素 元素.parentNode.removeChild(元素); if (chArr[i] != null) chArr[i]?.parentNode.removeChild(chArr[i]); }