在线视频播放器jwplayer使用例子

最新推荐文章于 2016-04-27 15:56:00 发布

chijin6756

最新推荐文章于 2016-04-27 15:56:00 发布

阅读量498

点赞数

文章标签： javascript json ViewUI

原文链接：https://my.oschina.net/zlLeaf/blog/207359

版权

最近一个项目要求要在线播放视频，由于要兼容ie7，所以无法使用vedio标签简单的解决，不过幸运的是网上已经有很好的flash在线视频播放器了。我选择的是jwplayer。

下载jwplayer可以到jwpalyer的jwplayer官网。但是如果要在官网下载的话需要注册，然后会定时有一封邮件骚扰你。。。放心，我在本文后面附上jwplayer以及使用例子的了。

代码如下：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="jwplayer.js"></script>
	<script type="text/javascript" src="jwplayer.html5.js"></script>
</head>
<body>
	<div id="playerzmblbkjP_wrapper" style="width:700px;height:300px;position:relative;">
		<object name="playerzmblbkjP" width="100%" height="100%" id="playerzmblbkjP" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="position:absolute;top:0;left:0;">
			<param name="movie" value="jwplayer.flash.swf">
			<param name="src" value="jwplayer.flash.swf">
			<param name="AllowScriptAccess" value="always">
		</object>
	</div>
	<script type="text/javascript">
	jwplayer('playerzmblbkjP').setup({
		playlist: [{image:'',file:'test.mp4'}],
		width: '700px',
		aspectratio: '16:9',
		fallback: 'false',
		primary: jwplayer.utils.isChrome() ? "flash" : "html5"
	});
	</script>
</body>
</html>

object和js中的参数就不多说了，说一下注意事项。

1、兼容性。经过测试可以兼容到ie7，（ie6没有测试过）。id为playerzmblbkjP_wrapper的那个div不能缺，否则播放器将在ie7中最大化以后出问题。

2、播放资源。官方例子中的playlist（js里面的参数）是http://jwpsrv.com/feed/RxiqSWej.rss。除了使用xml还可以使用json格式（如上）。jwplayer貌似是不可以读取本地的视频的。。。。

附件：http://pan.baidu.com/s/1kTnzBqn

转载于:https://my.oschina.net/zlLeaf/blog/207359