如何禁用下载视频选项

时间:2016-12-16 09:48:28

标签: javascript html

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

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

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

3 个答案:

答案 0 :(得分:8)

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

答案 1 :(得分:5)

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

例如:

<!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 :(得分:1)

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

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

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

});

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