Question

我在我的网站上使用HTML5视频播放器，我想禁用右键点击我的所有视频。

我尝试使用此代码但不起作用：

<script type="text/javascript">
$(document).ready(function(){
$('#videoElementID').bind('contextmenu',function() { return false; });
});
</script>

我正在使用Wordpress并将上面的函数放在header.php文件中。

如何检查播放机的#videoElementID名称是什么？我尝试了页面上的所有DIV元素，但它仍然不起作用。

我知道这不会阻止用户下载我的视频，但我真的需要这样做。

有什么想法吗？

感谢。

Answer 1

我最喜欢的快速简便且不需要javascript的方法是将oncontextmenu="return false;"添加到视频代码中。

这样的事情：

<video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls autoplay>
  <source src="https://example.com/link-to-my-video.mp4" type="video/mp4">
</video>

Answer 2

 $(document).ready(function() {
    $("video").bind("contextmenu",function(){
        return false;
        });
 } );

这应禁用右键单击该页面中的所有视频元素。希望这会有所帮助。

Answer 3

右键菜单是Web浏览器的功能。要禁用它，您可以尝试将以下JavaScript添加到网页的head部分，就在标记之前。

jQuery(document).ready(function(){
    jQuery('video').bind('contextmenu',function() { return false; });
});

Answer 4

它适用于我。

$(document).bind("contextmenu",function(ev){
    if(ev.target.nodeName=='VIDEO')
    {
        return false;
    }
});

Answer 5

最好在HTML5的视频标签下使用onContextMenu={(e) => e.preventDefault()}。

Answer 6

我最近试图禁用视频元素的右键单击。这段代码对我有用。

 document.querySelector("video").addEventListener("contextmenu", (event) => {
      event.preventDefault();
    });

在HTML5视频中禁用右键单击？

6 个答案: