如何禁用下载视频选项答案

【问题标题】：how to disable download video option如何禁用下载视频选项
【发布时间】：2017-05-02 01:53:01
【问题描述】：

我想从视频标签的控制面板禁用下载视频链接。

     <video oncontextmenu="return false;" id="myVideo" autoplay controls>
        <source src="uploads/videos/<?php echo $vid;?>" type="video/mp4">
    </video>

【问题讨论】：

Prevent HTML5 video from being downloaded (right-click saved)?的可能重复
使用 oncontextmenu="return false;"我可以禁用右键单击，但我们在视频控制栏中有下载链接..靠近音量控制按钮。我想禁用它
您使用的是哪个视频播放器？
使用浏览器从视频标签源运行视频
不是重复 Mathankumar K 下面的答案有助于正确回答。

标签： javascript html

【解决方案1】：

添加以下样式以禁用视频标签中的下载链接。

例如：

<!DOCTYPE html>
<html>
<head>
<style>
   video::-internal-media-controls-download-button {
    display:none;
   }

   video::-webkit-media-controls-enclosure {
        overflow:hidden;
   }

   video::-webkit-media-controls-panel {
        width: calc(100% + 30px); 
   }
</style>
</head>

<body>

<video width="320" height="240" controls>
  <source src="add your video url" type="video/mp4">
</video>
</body>
</html>

【讨论】：

感谢您一直在寻找它，但他们总是将我重定向到其他问题

【解决方案2】：

这似乎很容易，您使用 HTML 5 视频并使用上面的示例，下面是代码：

<video oncontextmenu="return false;" id="myVideo" autoplay controls controlsList="nodownload">
    <source src="uploads/videos/<?php echo $vid;?>" type="video/mp4">
</video>

只需在您的视频标签中添加controlsList="nodownload"。

【讨论】：

controlList 属性是逗号分隔还是只是空格？
嗨@DenverProphitJr。 ——只是一个空格。为了让您了解，这是参考 URL：controlslist

【解决方案3】：

对于任何可能从未来（Jetsons 类型节拍）来看这个问题的人来说，是的，controlList='nodownload' 绝对有效。但我建议，不要在视频标签中添加 controlList，而是在你的 js 文件中添加。因为如果有人开始使用您的代码，他们可以轻松地删除 controlsList 属性并仍然下载它（如果他们当然在计算机上）所以，为了安全起见 - 将它放在您的 js 文件中。然后混淆js文件。所以，以防万一你不知道我的意思 - 它应该看起来像这样（顺便说一句，我使用 jquery）：

$(document).ready(() => {

$('video').attr('controlsList', 'nodownload');

});

这绝对有效，可以防止人们进入并删除您的视频属性。

【讨论】：