下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- Windows Server网络管理项目教程(Windows Server 2022)(微课版)课件 易月娥 项目1、2 部署虚拟环境和安装Windows Server 2022操作系统、活动目录的配置与管理
- 编程语言概述-介绍编程语言特点
- 醉翁亭记课件
- 2024-2025学年八年级上学期道德与法治期中模拟试卷(统编版+含答案解析)
- 高中物理第三章相互作用第四节力的合成课件粤教版必修第一册
- 高中语文第6单元文无定格贵在鲜活3春夜宴诸从弟桃园序课件新人教版选修中国古代诗歌散文欣赏
- 2024八年级英语上册Unit8Howdoyoumakeabananamilkshake单元主题写作习题课件新版人教新目标版
- 2024至2030年中国手工用刷数据监测研究报告
- 2024至2030年中国平面皮带输送线带独立工作台行业投资前景及策略咨询研究报告
- 2024至2030年中国壁镜行业投资前景及策略咨询研究报告
- 卫生系列评审高级专业技术资格答辩题解(神经外科)
- 2022年工程项目技术管理人员批评与自我批评
- 维修电工高级技师论文(6篇推荐范文)
- 幼儿园PPT课件:数与运算2
- 园林施工组织设计
- 常德自来水公司水表管理制度
- 住宅小区室外道路及管网配套工程施工方案
- 二氧化碳气体保护焊安全技术
- 场地平整土方工程施工设计方案
- 10KV配电房改造施工方案
- 厨房工程培训方案
评论
0/150
提交评论