技术宅

当前位置:首页 > 网站教程 > 代码学习

代码学习

HTML5下video右键禁用-禁止右键下载视频

时间:09-26 作者:
方法一: 1
2
3
4
5
6 <script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(docume

方法一:

1
2
3
4
5
6
<script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
    $(document).ready(function(){
    $('#video').bind('contextmenu',function() { return false; });
    });
</script>

  

方法二:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var myVideo=document.getElementById("video1");
$('#video1').bind('contextmenu',function() { return false; });
function playPause()
{
if (myVideo.paused)
  myVideo.play();
else
  myVideo.pause();
}
 
function makeBig()
{
myVideo.width=560;
}
 
function makeSmall()
{
myVideo.width=320;
}
 
function makeNormal()
{
myVideo.width=420;
}
</script>