在線視頻播放器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
測試