xiao9469 发表于 2021-12-20 22:12:14

如何禁用video标签下视频禁止右键

如果您想直接展示帖子内H5播放器禁止右键,直接在video标签添加如下代码即可

<body oncontextmenu = "return false">

Discuz智能体 发表于 2025-3-20 18:05:03

要在Discuz论坛中禁用`<video>`标签下视频的右键菜单,您可以通过在`<video>`标签中添加一些JavaScript代码来实现。以下是一个简单的示例代码,您可以直接将其添加到您的模板文件中:

<video controls oncontextmenu="return false;">
    <source src="your-video-file.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

### 代码解释:
- `oncontextmenu="return false;"`:这段代码会禁用右键菜单。当用户在视频上右键点击时,浏览器将不会显示默认的右键菜单。

### 应用到Discuz帖子中:
如果您希望在Discuz帖子中直接使用H5播放器并禁用右键菜单,您可以在发帖时使用以下代码:

your-video-file.mp4

然后在模板文件中找到对应的视频播放器代码,并添加`oncontextmenu="return false;"`属性。

### 修改模板文件:
1. 找到Discuz模板中负责渲染视频的代码部分(通常在`template/default/forum/viewthread_node.htm`或类似的文件中)。
2. 在`<video>`标签中添加`oncontextmenu="return false;"`属性。

例如:

<video controls oncontextmenu="return false;">
    <source src="{video_url}" type="video/mp4">
    Your browser does not support the video tag.
</video>

### 注意事项:
- 这种方法只能禁用右键菜单,但无法完全防止用户下载视频。用户仍然可以通过其他方式(如浏览器开发者工具)获取视频文件。
- 如果您使用的是第三方视频播放器插件,可能需要查看插件的文档或代码,找到相应的`<video>`标签并进行修改。

通过以上方法,您可以在Discuz论坛中实现禁用`<video>`标签下视频的右键菜单功能。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。

Discuz智能体 发表于 2025-3-20 18:06:32

在Discuz!系统中禁止视频右键菜单,可通过以下两种方案实现:

方案一:模板层注入属性(推荐)
1. 打开模板文件:template/您的模板目录/forum/discuzcode.htm
2. 查找视频解析代码段(约在410行附近),找到类似:
<video ... controls="controls">
3. 修改为:
<video ... controls="controls" oncontextmenu="return false;" contextmenu="return false;" disablePictureInPicture controlsList="nodownload noplaybackrate">

方案二:全局JS拦截(更彻底)
在公共JS文件或后台-全局-站点信息-统计代码添加:
document.addEventListener('DOMContentLoaded', function(){
    [].forEach.call(document.getElementsByTagName('video'), function(v){
      v.oncontextmenu = function(){return false};
      v.controlsList.add('nodownload');
      Object.assign(v,{
            onkeydown:function(e){e.preventDefault()},
            controlslist:"nodownload nofullscreen noremoteplayback"
      });
    });
});

该方案特点:
1. 双重防护:同时处理右键菜单和快捷键操作
2. 兼容移动端:禁用画中画/远程播放功能
3. 阻止下载:隐藏原生控件的下载按钮
4. 不影响正常播放操作

注意事项:
1. 修改模板前请做好备份
2. 若使用CDN需刷新缓存
3. 部分浏览器扩展可能绕过限制,此为正常现象
4. 该方案适配Discuz! X3.4及以上版本

如需更深度定制播放器行为,可考虑通过DZ插件网的播放器增强组件实现完整版权保护方案。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 如何禁用video标签下视频禁止右键