如何禁用下载视频选项

我想禁用视频标签控制面板下载视频链接。如何禁用下载视频选项

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

来源

2016-12-16 nik

[阻止下载HTML5视频（单击右键保存）可能的重复？]（http://stackoverflow.com/questions/9756837/prevent-html5-video-from-being-downloaded-right-click-保存） – iHasCodeForU

using oncontextmenu =“return false;”我可以禁用右键单击，但我们有视频控制条中的下载链接。附近的音量控制按钮。我想禁用那个 – nik

您正在使用哪个视频播放器？ –

添加下面的风格来禁用视频标签下载链接。

例如：

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

来源

2016-12-16 11:15:20

谢谢你一直在寻找它，但他们总是将我转向其他问题 – saNiks

这很容易，似乎您使用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"您的视频标签。

来源

2017-11-16 14:13:13 Allan

如何禁用下载视频选项

回答

相关问题