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

时间 2019-11-17

标签在线视频播放 jwplayer 使用例子繁體版

原文原文链接

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

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

代码以下：html5

<!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中的参数就很少说了，说一下注意事项。java

一、兼容性。通过测试能够兼容到ie7，（ie6没有测试过）。id为playerzmblbkjP_wrapper的那个div不能缺，不然播放器将在ie7中最大化之后出问题。json

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

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