一个html5播放视频的video控件只支持android的默认格式mp4和3gp__第1页
一个html5播放视频的video控件只支持android的默认格式mp4和3gp__第2页
一个html5播放视频的video控件只支持android的默认格式mp4和3gp__第3页
一个html5播放视频的video控件只支持android的默认格式mp4和3gp__第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、一个html5播放视频的video控件只支持android的默认格式mp4和3gp_ 写了个html5播放视频的video控件,只支持mp4和3gp(android和ios默认支持的格式就写了这个) ,需要的伴侣可以参考下 代码如下: !DOCTYPE html html xmlns=l head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title/title /head body div id=divVideo/div /因js水平有限,不喜勿喷,全当没事看看,video是html5中的新控件,大家可以看

2、看 script type=text/javascript /mp4是ios、android普遍支持的格式 function playVideo(opt) if (typeof (opt) = undefined) alert(请传入必要参数!); return; if (typeof (opt.elemt) = undefined) alert(请指定播放器要插入的对象!); return; if (typeof (opt.src) = undefined) alert(请指定要播放视频的路径!); return; var _this = this; _this.elemt = opt.el

3、emt; /播放器要插入的对象 _this.src = opt.src; /视频的URL(必设) _this.width = opt.width 0 ? opt.width + px : 100%; /宽度(默认100%) _this.height = opt.height 0 ? opt.height + px : 100%; /高度(默认100%) _this.autoplay = opt.autoplay = true ? autoplay : ; /自动播放(true为自动播放) _this.poster = opt.poster; /视频封面,播放时的封面图片 _this.prelo

4、ad = opt.preload = true ? preload : ; /预加载(true时启动加载) _this.loop = opt.loop = true ? loop : ; /循环播放(true时循环播放) var str = video id=playVideo controls ; /依据设置的属性的值,拼法video控件 str += width= + _this.width + height= + _this.height + + _this.autoplay + + _this.preload + + _this.loop + ; if (typeof (_this.p

5、oster) != undefined) str += poster= + _this.poster + ; else str += ; str += source src= + _this.src + /; str += /video; this.elemt.innerHTML = str; /将str放到要插入的对象中 playVideo( /全部参数,elemt和src为必填其他看需求怎么要求 /elemt为播放控件要插入的容器,src为视频文件地址,preload为预加载,autoplay是否页面进入就自动播放 /poster为播放前的遮照图片,loop为是否循环播放,width和heigth默认100% elemt: document.getElementById(divVideo), src: 3.mp4, preload: true, autoplay: t

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论