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

    最近一个项目要求要在线播放视频,由于要兼容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


你可能感兴趣的:(例子,jwplayer)