ChPlayer播放器的使用

時間 2019-11-19

標籤 chplayer 播放使用简体版

原文原文鏈接

直接貼官網http://www.chplayer.com/javascript

<style type="text/css">
body{ text-align:center} 
#main{margin:0 auto;width:80%;height:80%;} 
</style>

</head>
<body class="nav-md" >
			<!-- 首頁 -->
			<div class="right_col" role="main" id="main">
				<!-- 搜索 -->
				<div class="clearfix"></div>
<script type="text/javascript" src="chplayer/chplayer.js" charset="utf-8"></script>
<div id="video" style="width:100%;height:100%;"></div><!--播放器容器，須要自行設置尺寸-->
<script type="text/javascript">
	var videoObject = {
		container: '#video', //容器的ID,若是獲到容器定義的是ID則須要增長#，若是是class，則不須要添加或添加.
		variable: 'player',//調用函數名稱，該屬性主要用於flashplayer發送監聽內容時使用，如call('player.time',10)
		volume: 0.6, //默認音量，範圍是0-1
		autoplay: true, //是否自動播放，默認true=自動播放，false=默認暫停狀態
		loaded: 'loadedHandler', //當播放器加載後執行的函數
		drag: 'start', //在flashplayer狀況下是否須要支持按關鍵幀拖動，不須要留空，須要請填寫拖動時請求的屬性，本例中使用start，若是須要強制按時間點拖動則增長前綴time_，本例中即time_start，若是須要強制按關鍵幀進行拖動，則前綴是frames_，本例中即：frames_start
		flashplayer:false,//強制使用flashplayer
		html5m3u8:false,//是否使用hls，默認不選擇，若是此屬性設置成true，則不能設置flashplayer:true,

		debug:false,//是否開啓調試模式，默認false，不開啓
		video: [
			['<%=session.getAttribute("scrs")%>', '<%=session.getAttribute("movtype")%>', '中文標清', 0]
		]//視頻地址數組。視頻地址能夠分多種形式，具體在下面會有詳細介紹scrs等於視頻，movtype等於視頻類型
	};
	var player = new chplayer(videoObject);//建立一個播放器函數並附給player變量，（player須要和 var videoObject裏的屬性variable相同）
	
</script>

這樣就能夠使用啦css

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。