ygtx
/
oaApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>Video 示例</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">Video 示例</h1>
		</header>
		<div class="mui-content">
			<div id="videoContainer">
				<!--
                	让ios支持内联播放,必须添加 webkit-playsinline 标签
                -->
				<video webkit-playsinline id="videoMedia" controls="controls" preload width="100%" height="240">
					<!--<source src="http://192.168.23.1:8088/Wildlife.mp4" type='video/mp4'>-->
					<!--
                    	这里用的是自己本地的视频,请换位自己本地的
                    -->
					<source src="Wildlife.mp4" type='video/mp4'>
					<!--<source src="../../video/Wildlife.webm" type='video/webm'>	-->
					<!--<source src="http://192.168.23.1:8088/Wildlife.mp4" type='video/mp4'>-->
					<!--<source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type='video/mp4'>-->
					<!--<source src="../video/Wildlife.mp4" type='video/mp4'>
					<source src="../video/Wildlife.webm" type='video/webm'>-->
					<!--http://192.168.23.1:8088/Wildlife.mp4-->
					<p>浏览器不支持Html5 Video!</p>
				</video>
			</div>
		</div>
		<!--<script type="text/javascript" src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>-->
		<script type="text/javascript">
//			mui.init();
//			mui.plusReady(function() {
//				//				var interface = 'http://10.10.5.166:8080/jfinal_cms/api/action/article?version=1.0.1&p=',
//				//					url = interface + '{' + 'articleId:4264' + '}'
//				//接收上个界面传递的参数
//				window.addEventListener('playEvent', function(event) {
//					alert(1111);
////					var title1 = mui('#newsTitle');
////					var content = mui('#content');
////					var time = mui('#time');
////					var articleId = event.detail.articleId;
////					//					alert(articleId);
////					var url = API.API_URL();
//				});
//
//			})
//
//			function getData(articleId) {
//				var url = API.API_URL();
//				var title1 = mui('#newsTitle');
//				var content = mui('#content');
//				var time = mui('#time');
//				mui.ajax(url, {
//					dataType: 'json', //服务器返回json格式数据
//					type: 'post', //HTTP请求类型
//					data: {
//						method: 'article',
//						p: '{articleId:' + articleId + '}'
//					},
//					timeout: 10000, //超时时间设置为10秒；
//					headers: {
//						'Accept': 'application/json'
//					},
//					success: function(data) {
//						//服务器返回响应
//						console.log(JSON.stringify(data))
//						var article = data.data.article;
//						if(article) {
//							title1[0].innerHTML = article.title;
//							content[0].innerHTML = article.content;
//							time[0].innerHTML = article.publish_time;
//						}
//
//					},
//					error: function(xhr, type, errorThrown) {
//						//异常处理；
//						console.log(type);
//					}
//				});
//			};
		</script>
	</body>

</html>