ChPlayer播放器的使用

最新推荐文章于 2024-08-20 10:07:44 发布

weixin_33713503

最新推荐文章于 2024-08-20 10:07:44 发布

阅读量1.1k

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3578766/blog/1555390

版权

2019独角兽企业重金招聘Python工程师标准>>>

直接贴官网http://www.chplayer.com/


<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>

这样就可以使用啦

转载于:https://my.oschina.net/u/3578766/blog/1555390