Question

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

    int d[10] = {0};
    ...

    for (i=0; i<N; i++)
    {
        d[i] = i;      // if i > 10 => you access out of bounds => problem

Answer 1

这很容易看起来您使用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"即可。

Answer 2

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

例如：

<!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>

Answer 3

对于任何将来可能在看这个问题的人（Jetsons type beat），是的，controlList ='nodownload'绝对有效。但是我建议不要在video标签中添加controlList，而应在您的js文件中进行操作。因为如果有人开始使用您的代码，他们可以轻松地删除controlsList属性并仍然下载它（如果他们当然在计算机上），因此，为了安全起见，请将其放入您的js文件中。然后混淆js文件。因此，以防万一您不明白我的意思-它应该看起来像这样（顺便说一句，我用过jquery）：

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

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

});

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

如何禁用下载视频选项

3 个答案: