HTML5中Video，禁止右键下载

HTML5中Video，禁止右键下载


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LOVE</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"&gt;
</script>
<script>
$(document).ready(function(){
$(‘#myVideo‘).bind(‘contextmenu‘,function() { return false; });
});
</script>
</head>
<body>
<video style="position:absolute;margin:auto;top:0px;left:0px;right:0px;bottom:0px" id="myVideo" width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
</body>
</html>


实现居中显示：
style="position:absolute;margin:auto;top:0px;left:0px;right:0px;bottom:0px"
禁止右键下载：
<script>
$(document).ready(function(){
$(‘#myVideo‘).bind(‘contextmenu‘,function() { return false; });
});
</script>

原文地址：http://blog.51cto.com/59465168/2114988

时间： 2024-10-09 19:47:56

HTML5中Video，禁止右键下载的相关文章

HTML5中video的使用一

<!DOCTYPE html> <html> <head> <title>HTML5 </title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script src="jquery-1.9.1.min.js"></script> <script type="text

HTML5中video标签与canvas绘图的使用

video标签的使用 video标签定义视频, 它是html5中的新标签, 它的属性如下(参考自文档): domo01 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo01</title> </head> <body> <video src="madashu

HTML5中video 和 ogg

HTML5中 的ogg 从网上学习HTML5之video时看到了下面的代码,不太清楚ogg是什么,于是搜索了一些知识点供了解. Ogg全称是OGG Vorbis, 是一种音频压缩格式,类似于MP3等的音乐格式. 最明显的特点是: 1.是完全免费.开放和没有专利限制的. 2.OGG Vorbis有一个特点是支持多OGG格式音频图声道. 3.创建的OGG文件可以在未来的任何播放器上播放. 因此,这种文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器.

HTML5中Video和Audio

相关属性 src属性 该属性指定媒体数据的URL地址. autoplay属性 在该属性中指定是否在页面加载后自动播放,使用方法: <video src="test.mov" autoplay></video> preload属性 在该属性中指定视频或音频数据是否预加载.如果使用预加载的话,浏览器会预先将视频或音频进行缓冲,这样可以加快播放的速度,因为播放时数据已经预先缓冲完毕. 该性情有三个可选值:none,metadata与auto,默认值为auto. non

关于HTML5中video标签的奇怪现象

很多人刚开始学习html5 的时候在使用video标签时会出现这样的情况: 发现video标签在网页中播放时只有声音但是没有图像,如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></ti

关于HTML5中Video标签无法播放mp4的解决办法

1.首先先排除掉代码问题.路径问题.浏览器不支持问题等常规问题,这些问题另行百度. <video width="500px" height="300px" autoplay="autoplay"> <source src="D:/video/hbg.mp4" type="video/mp4"> </video> 2.首先我自己从网上下载的一个MP4文件,IE10和谷歌都能

使用html5中video自定义播放器必备知识点总结以及JS全屏API介绍

一.video的js知识点: controls(控制器).autoplay(自动播放).loop(循环)==video默认的: 自定义播放器中一些JS中提供的方法和属性的记录: 1.play()控制视频的播放 2.pause()控制视频的停止 3.currentTime控制视频的当前时间 4.muted控制视频是否静音(赋值true or false) 5.volume控制音量的大小(赋值0-1) 6.duration视频的总时间 7.ontimeupdate事件(当前播放位置改变时执行,使用时

html5中video视频只有声音没有图像

解决方案: 1.使用视频标签: <video width="352" height="264" controls autobuffer> <source src="video/hjh.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source> </video> 2.使用格式工厂更改视频编码格式 为H264. 改

html5标签video（播放器）学习笔记（一）-初始化的工作

最近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做的哪些工作. 网上的教程其实也不少了 w3cschool里面的最为简单而详细,那么这几介绍的是一些更为直接的应用. 本文目录: 使用标签 加上一些必要参数 自动播放或自动加载 规范播放器 第一步:使用标签     使用的方法很简单,就是一句代码: <video></video> 第二步:加上一些必要的参数,比如播放视频的路径.是否显示控制条