HTML5视频播放器VideoJS使用附【源码及示例】- 兼容IE
2016-02-01 11:09
525 查看
HTML5很强大的说，但IE的不给力。让人抓狂。这里介绍一个HTML5的视频播放器，VideoJS 是最流行的 HTML5 视频播放器，免费、开源，可使用 CSS 轻松定制皮肤，支持全屏，在不支持的浏览器自动切换为
Flash 播放。
没什么好说的直接贴源码
<!DOCTYPE html>
<html>
<head>
<title>HTML5视频播放器Video.Js演示地址</title>
<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video.js"></script>
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
</head>
<body>
<div style="width:640px;margin:30px auto">
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="image/por.png" data-setup='{"example_option":true}'>
<source src="mp4/defu.mp4" type='video/mp4'></source>
</video>
</div>
<div style="text-align:center;clear:both">
</div>
</body>
</html>
大家也可以去他的官方网站http://videojs.com/
Flash 播放。
没什么好说的直接贴源码
<!DOCTYPE html>
<html>
<head>
<title>HTML5视频播放器Video.Js演示地址</title>
<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video.js"></script>
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
</head>
<body>
<div style="width:640px;margin:30px auto">
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="image/por.png" data-setup='{"example_option":true}'>
<source src="mp4/defu.mp4" type='video/mp4'></source>
</video>
</div>
<div style="text-align:center;clear:both">
</div>
</body>
</html>
大家也可以去他的官方网站http://videojs.com/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- commonJS — 数字操作（for Number）
- commonJS — 函数操作（for Function）
- commonJS — DOM操作（for DOM）
- commonJS — 通用方法（for COM）
- commonJS — 浏览器操作（for Browser）
- js数组和字符串去重复几种方法
- commonJS — 数组操作（for Array）
- commonJS — 日期操作（for Date）
- JSONArray的应用
- Javascript做模糊查询
- JS控制图片显示的大小（图片等比例缩放）
- 最短路算法（Floyd、Dijsktra、Bellman-Ford、SPFA）
- 基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
- JSP -- EL表达式
- JavaScript中一个字符串变量突然变成了false的问题解析
- underscorejs-min学习
- underscorejs-max学习
- 理解javascript中的严格模式
- 解决JSP页面图片缓存问题
- 理解JAVASCRIPT 中hasOwnProperty()和isPrototypeOf的作用