Git提交规范

VideoJS With RTMP

Github、Document

中文参考

video.js应该是目前兼容性最好的前端视频播放插件，不过官方文档并不友好，做个笔记。

引入video.js插件以后，有两种初始化方式：

DOM

<video id="myplayer" class="video-js" controls preload="auto" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup='{"example_option":true}'>
	<source id="sourceBox" src="http://static.qiakr.com/movie/0060202.mp4" type='video/mp4'>
	<p class="vjs-no-js">不支持播放</p>
</video>

data-setup属性会使其初始化。

JS

<video id="video2" 
				 class="video-js vjs-default-skin vjs-big-play-centered" 
				 controls 
				 preload="auto" 
				 width="640" 
				 height="264" 
				 poster="http://static.qiakr.com/app/full_res.jpg">
		<source id="sourceBox" src="http://static.qiakr.com/movie/0060202.mp4" type='video/mp4'>
		<p class="vjs-no-js">不支持播放</p>
	</video>
	<div class="actions">
		<a href="javascript:;" id="btn1">播放</a>		
		<a href="javascript:;" id="btn2">暂停</a>
		<a href="javascript:;" id="btn3">隐藏音量调节控件</a>
		<a href="javascript:;" id="btn4">设置宽高</a>
		<a href="javascript:;" id="btn6">隐藏</a>		
		<a href="javascript:;" id="btn5">显示</a>		
		<a href="javascript:;" id="btn7">设置其它资源</a>
		<a href="javascript:;" id="btn8">销毁</a>		
	</div>
<script type="text/javascript">
	var oV = videojs('#video2');
	oV.src="http://static.qiakr.com/movie/0080108.mp4";
	oV.load();
	oV.width(300).height(200);
	oV.paly();
	oV.pause();
	...
</script>

SRSPlayer (based on JWplayer) With SRS

More easier than Video.js, and the speed is more higher.

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 jjworking@qq.com