音视频播放器 http、HTTP直播，服务端

show-server/src/main/webapp/biz/js/plugins/videoPlayer.js

@@ -44,4 +44,22 @@ require([ "ipuMobile", "mobile", "jcl"], function(IpuMobile, Mobile, $) {
			alert("播放失败");
		})
	});
	$("#httpMp4Player").click(function() {
		IpuMobile.openVideoPlayer("http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",function(res){
			alert("播放成功");
		},function(msg){
			alert("播放失败");
		})
	});
	$("#cctv1Player").click(function() {
		IpuMobile.openVideoPlayer("http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8",function(res){
			alert("播放成功");
		},function(msg){
			alert("播放失败");
		})
	});
});

show-server/src/main/webapp/template/webapp/plugins/videoPlayer.html

@@ -24,38 +24,69 @@
	<div class="ipu-flex-col ipu-flex-col-auto">
		<div class="page-content">
			<div class="ipu-card ipu-card-block">
				<div class="ipu-card-header">
					MP4
					<button class="ipu-btn ipu-btn" id="mp4Player">播放</button>
				</div>
			</div>
			<div class="demo-item">
				<div class="demo-title">本地文件</div>
				<div class="demo-body">
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							MP4
							<button class="ipu-btn ipu-btn" id="mp4Player">播放</button>
						</div>
					</div>
			<div class="ipu-card ipu-card-block">
				<div class="ipu-card-header">
					MOV
					<button class="ipu-btn ipu-btn" id="movPlayer">播放</button>
				</div>
			</div>
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							MOV
							<button class="ipu-btn ipu-btn" id="movPlayer">播放</button>
						</div>
					</div>
			<div class="ipu-card ipu-card-block">
				<div class="ipu-card-header">
					AVI
					<button class="ipu-btn ipu-btn" id="aviPlayer">播放</button>
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							AVI
							<button class="ipu-btn ipu-btn" id="aviPlayer">播放</button>
						</div>
					</div>
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							MKV
							<button class="ipu-btn ipu-btn" id="mkvPlayer">播放</button>
						</div>
					</div>
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							本地MP3
							<button class="ipu-btn ipu-btn" id="mp3Player">播放</button>
						</div>
					</div>
				</div>
			</div>
			<div class="ipu-card ipu-card-block">
				<div class="ipu-card-header">
					MKV
					<button class="ipu-btn ipu-btn" id="mkvPlayer">播放</button>
			<div class="demo-item">
				<div class="demo-title">HTTP资源</div>
				<div class="demo-body">
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4
							<button class="ipu-btn ipu-btn" id="httpMp4Player">播放</button>
						</div>
					</div>
				</div>
			</div>
			<div class="ipu-card ipu-card-block">
				<div class="ipu-card-header">
					MP3
					<button class="ipu-btn ipu-btn" id="mp3Player">播放</button>
			<div class="demo-item">
				<div class="demo-title">HTTP直播</div>
				<div class="demo-body">
					<div class="ipu-card ipu-card-block">
						<div class="ipu-card-header">
							CCTV1高清
							<button class="ipu-btn ipu-btn" id="cctv1Player">播放</button>
						</div>
					</div>
				</div>
			</div>
		</div>