discuz程序html5视频禁止右键下载的方法

帖子播放页面代码如下：

1. <video id="video1" class="video-js" controls="" preload="auto" controlslist="nodownload" width="{$vwidth}" height="{$vheight}" >
   
2.     <source src="{$attach_url}" type="video/mp4">
   
3.     <p>浏览器不支持HTML5视频播放</p>
   
4.   </video>
   
5.    <script type="text/javascript">
   
6. var myVideo=document.getElementById("video1");
   
7. jQuery('#video1').bind('contextmenu',function() { return false; });
   
8. </script>

复制代码

另需在页面header_common.htm中找到

1. <script type="text/javascript" src="{$_G[setting][jspath]}common.js?{VERHASH}"></script>

复制代码

在他之前引入

1. <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

复制代码

另外，如需完全屏蔽网页右键选项可在页面底部添加如下代码：

1. <script language="JavaScript">
   
2. <!--
   
3. 
   
4. if (window.Event)
   
5. document.captureEvents(Event.MOUSEUP);
   
6. 
   
7. function nocontextmenu()
   
8. {
   
9. event.cancelBubble = true
   
10. event.returnValue = false;
    
11. 
    
12. return false;
    
13. }
    
14. 
    
15. function norightclick(e)
    
16. {
    
17. if (window.Event)
    
18. {
    
19. if (e.which == 2 || e.which == 3)
    
20. return false;
    
21. }
    
22. else
    
23. if (event.button == 2 || event.button == 3)
    
24. {
    
25. event.cancelBubble = true
    
26. event.returnValue = false;
    
27. return false;
    
28. }
    
29. 
    
30. }
    
31. 
    
32. document.oncontextmenu = nocontextmenu; // for IE5+
    
33. document.onmousedown = norightclick; // for all others
    
34. //-->
    
35. </script>

复制代码

演示地址：http://moxingtu.com/thread-239-1-1.html