HTML5 自制本地网页视频播放器
2015-07-27 19:59
1521 查看
HTML5初试:本地视频用网页打开啦半个广告都可以没有,看来暴风什么的快要淘汰了。
视频格式还是有要求的,看来要备一个转码器。
视频格式还是有要求的,看来要备一个转码器。
格式 | IE | Firefox | Opera | Chrome | Safari |
Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
<!DOCTYPE html> <html> <body> <div style="text-align:center;"> <button onclick="playPause()">播放/暂停</button> <button onclick="makeNormal()">中</button> <button onclick="makeSmall()">小</button> <button onclick="makeBig()">大</button> <br /> 11 <video id="video1" width="1000" controls="controls style="margin-top:15px;" > <source src="G:\录像片段\速度与激情7 720p mp4.mp4" type="video/mp4" /> <!-- <source src="G:\录像片段\名侦探柯南 业火的向日葵.ogg" type="video/ogg" /> --> Your browser does not support HTML5 video. </video> </div> <script type="text/javascript"> var myVideo=document.getElementById("video1"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width=1400; } function makeSmall() { myVideo.width=600; } function makeNormal() { myVideo.width=1000; } </script> </body> </html>
相关文章推荐
- html5中上传图片
- HTML5链接属性及使用
- HTML5媒体查询语法
- 了解HTML5和“她”的 API (三)
- HTML5 格式化方式以及应用
- html5中不再支持table的cellspacing和cellpadding属性
- html5 离屏canvas 的应用
- html5+css3实现正在加载中代码
- html5之canvas起步
- HTML5 中的新标签
- 在Ubuntu平台上创建Cordova Camera HTML5应用
- html5之canvas基础1
- 了解HTML5和“她”的 API (二)
- html5缓存
- html5 canvas 实现倒计时 功能
- 玩转HTML5移动页面(动效篇)
- HTML5实战之《疯狂人参果》
- HTML5大纲算法(HTML5 Outliner)
- HTML5基础28----创建对象仓库
- HTML5基础21----简单Web留言本(功能未实现)