video_content.html

<!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></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
	</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">教学视频</h1>
		</header>

	</body>
	<script type="text/javascript">
		//启用双击监听
		mui.plusReady(function() {
			var self = plus.webview.currentWebview();
			var contentid = self.contentid;
			var cbrowse = self.cbrowse;
			var ccomments = self.ccomments;
			var czan = self.czan;
			mui.init({
				gestureConfig: {
					doubletap: true
				},
				subpages: [{
					url: 'video_content_sub.html',
					id: 'video_content_sub.html',
					styles: {
						top: '50px',
						bottom: '0'
					},
					extras: {
						contentid: contentid,
						cbrowse: cbrowse,
						ccomments: ccomments,
						czan: czan
					}
				}]
			});
			var contentWebview = null;
			document.querySelector('header').addEventListener('doubletap', function() {
				if(contentWebview == null) {
					contentWebview = plus.webview.currentWebview().children()[0];
				}
				contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)");
			});
		});
	</script>

</html>