×

网站建设

HTML5视频播放器VideoJS的使用

小虎 小虎 发表于2014-08-29 20:41:28 浏览1837 评论2

2人参与发表评论

HTML5很强大的说,但IE的不给力。让人抓狂。这里介绍一个HTML5的视频播放器,VideoJS 是最流行的 HTML5 视频播放器,免费、开源,可使用 CSS 轻松定制皮肤,支持全屏,在不支持的浏览器自动切换为 Flash 播放。 支持 H.264、Theora OGG和Google WebM

视频演示:

使用video.js

In the <head>:

<link href="http://vjs.zencdn.net/4.6/video-js.css"rel="stylesheet">
<script src="http://vjs.zencdn.net/4.6/video.js"></script>

In the <body>:

<video id="my_video_1"controls
preload="auto"width="640"height="480"poster="my_video_poster.png"
data-setup="{}">
<source src="my_video.mp4"type='video/mp4'>
<source src="my_video.webm"type='video/webm'>
</video>

video.js for WordPress 原版 http://wordpress.org/plugins/videojs-html5-video-player-for-wordpress/

video.js 自定义 http://designer.videojs.com/

群贤毕至

访客
厦门心佳馨 厦门心佳馨2014-10-22 16:29:19 | 回复 这个不错不错
明明工作室 明明工作室2014-09-23 23:41:48 | 回复 抢个沙发