我想禁用视频标签控制面板中的下载视频链接。
<video oncontextmenu="return false;" id="myVideo" autoplay controls>
<source src="uploads/videos/<?php echo $vid;?>" type="video/mp4">
</video>
我想禁用视频标签控制面板中的下载视频链接。
<video oncontextmenu="return false;" id="myVideo" autoplay controls>
<source src="uploads/videos/<?php echo $vid;?>" type="video/mp4">
</video>
看起来非常简单,似乎你正在使用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"
即可。
请在下面的样式中添加以禁用视频标签中的下载链接。
例如:
<!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>
如果有人从未来(《杰森一家》的节奏)看到这个问题,是的,controlList = 'nodownload' 绝对有效。但我建议,不要在视频标签中添加 controlList,而是在您的 js 文件中添加。因为如果有人开始玩弄您的代码,他们很容易删除 controlsList 属性并仍然下载它(如果他们在电脑上当然)。所以,为了安全起见 - 将其放入 js 文件中。然后混淆 js 文件。所以,万一你不知道我的意思 - 它应该像这样(顺便说一句,我使用了 jquery):
$(document).ready(() => {
$('video').attr('controlsList', 'nodownload');
});