Question

我有一个视频文件列表，并使用锚标记来显示它们。我想播放视频而无需下载或保存按钮。我已经禁用了右键单击选项，但在某些浏览器中，只需单击链接即可直接下载该文件。谁能告诉我如何避免它？我使用了以下代码：

<!DOCTYPE html>
<html>
<head>
<script language='JavaScript' type='text/JavaScript'> 
    // http://htmlgenerator.weebly.com 
    var tenth = ''; 

    function ninth() { 
        if (document.all) { 
            (tenth); 
            alert("Right Click Disable"); 
            return false; 
        } 
    } 

    function twelfth(e) { 
        if (document.layers || (document.getElementById && !document.all)) { 
            if (e.which == 2 || e.which == 3) { 
                (tenth); 
                return false; 
            } 
        } 
    } 
    if (document.layers) { 
        document.captureEvents(Event.MOUSEDOWN); 
        document.onmousedown = twelfth; 
    } else { 
        document.onmouseup = twelfth; 
        document.oncontextmenu = ninth; 
    } 
    document.oncontextmenu = new Function('alert("Right Click Disable"); return false') 
</script> 
</head>
<body>
<h1>video</h1>
<a href="barsandtone.flv" target="_blank" >Video1</a>

</body>
</html>

Answer 1

使用HTML5视频代码。

示例（来自W3schools）：

<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>。

Answer 2

在锚标记中添加一个类。

e.g。 <a href="https://www.google.co.in/" class="anchorvid">Your Video</a>

并添加此javascript

$(document).ready(function(e) {
    $('.anchorvid').click(function(e) {
        e.preventDefault();
    });
});

这将停止锚标签的默认行为。

如何使用html标记禁用视频文件的默认下载或保存选项

2 个答案: