Edit D:\chineseall_products\bak\digitalLib6\pages\screen\web\vertical\mediaVideoDetail.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta charset="utf-8">
<base href="${contextPath}/pages/screen/web/vertical/">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="css/base.css" type="text/css" rel="stylesheet">
<link href="css/search.css" type="text/css" rel="stylesheet">
<link href="css/page.css" type="text/css" rel="stylesheet">
<link href="css/pathmenu.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.12.1.js" type="text/javascript"></script>
<script src="js/draggabilly.pkgd.min.js"></script>
<script src="js/circleMenu.js"></script>
<script src="js/jquery.movescroll.js"></script>
<script src="js/page.js"></script>
<script type='text/javascript' src='${contextPath}/dwr/engine.js'></script>
<script type='text/javascript' src='${contextPath}/dwr/interface/webDwr.js'></script>
<script type="text/javascript" src="../jplayer/jquery.jplayer.js"></script>
<style type="text/css">
.jp-current-time,
.jp-duration {
	color: #FFF;
}
.jp-current-time {
	float: left;
	display:inline;
	cursor:default;
	margin-right: 10px;
}
.jp-duration {
	float:left;
	display:inline;
	text-align: right;
	cursor:pointer;
	margin-left: 10px;
}
.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
	overflow:hidden;
	background-color: #333;
}
.jp-seek-bar {
	background-color:#555;
	width:0px;
	height:100%;
	cursor: pointer;
}
.jp-seeking-bg {
	background-color: #55E;
}
.jp-play-bar {
	background-color:orange;
	width:0px;
	height:100%;
}
.jp-play{
	display:inline-block;
	width:30px;
	height:30px;
	top:20px;
	background: url("img/pauseico1.png");
}
.jp-state-playing .jp-play{
	background: url("img/pauseico.png");
}

.jp-video-360p {
	width:1080px;
}

.jp-full-screen {
	display:inline-block;
	width:30px;
	height:30px;
	top:20px;
	margin-top:-5px;
	margin-left:30px;
	background: url("img/full_screen.png");
}

.jp-video-full .jp-full-screen {
	background: url("img/full_screen_r.png");
}

.jp-video-full {
	/* Rules for IE6 (full-screen) */

/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative;
}
.jp-video-full div div {
	z-index:1000;
}
.jp-video-full .jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
}
.jp-video-full .jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1001; /* 1 layer above the others. */
}
.jp-video-full .bottombar {
	width:100%;
}
.play img{ margin: 0px; }
a.jp-play{ margin: 0 40px; position: relative; top: 7px;}
<s:if test='"0"==showQrcode'>
.right_code{display: none;}
</s:if>
</style>
<title>???-??????????</title>
</head>
<body class="bodyc_center">
	<div class="logobar">
		<div class="logo">
			<a href="javascript:history.go(-1);"><img src="img/arrowleft.png" alt="" /></a>
		</div>
	</div>

<div class="bodycenter">
		<div class="center_content">
			<div class="book_detail">
				<div class="leftimg">
					<img src="${contextPath}<s:property value="media.headImage"/>" onerror="this.src='${contextPath}/bookfiles/defaultCover.jpg'" alt="" />
				</div>
				<div class="rightdetail">
					<div class="top audiotext_intro">
						<dl style="width: 100%;">
							<dt><s:property value="media.title"/></dt>
							<dd><s:property value="media.author"/></dd>
						</dl>
						<div id="remark" class="bottom" style="overflow: auto;">
							<p><s:property value="media.remark"/></p>
						</div>
						<div class="right_code" style="margin-top: 0px;">
							<img src="${contextPath}/resourceDownloadImg.action?type=2&imgSize=10&objectId=<s:property value='media.id'/>" alt="" />
							<div class="ewm_tips">??????????????</div>
						</div>
					</div>

</div>
				<div class="clear"></div>
				
				<div class="videoplayer">
					<div id="jp_container_2" class="jp-video jp-video-360p" role="application" aria-label="media player">
					<div class="jp-type-single">
						<div id="jquery_jplayer_2" class="jp-jplayer"></div>
						<div class="bottombar">
							<div class="play">
								<a href="javascript:;" onclick="playPrev();"><img src="img/previousbtn.png" alt="?????" /></a>
								<a href="javascript:;" class="jp-play"></a>
								<a href="javascript:;" onclick="playNext();"><img src="img/nextiousbtn.png" alt="?????" /></a>
							</div>
							<div class="time">
								<div class="jp-current-time" role="timer" aria-label="time">00:00</div><div style="float:left;">/</div><div class="jp-duration" role="timer" aria-label="duration">00:00</div>
								<a href="javascript:;" class="jp-full-screen"></a>
							</div>
							<div class="jp-progress">
								<div class="jp-seek-bar">
									<div class="jp-play-bar"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</div>

<div class="right_navbar">
					<div class="title">???</div>
					<ul id="catalogList" class="videoPlayList" style="max-height: 400px; overflow: auto;">
						<s:iterator value="list" status="status">
						<li style="margin-right: 29px;" <s:if test="%{not((#status.count+2)%6==0 ||(#status.count+1)%6==0 || #status.count%6 == 0)}">class="bglist"</s:if> id="player_li_${id }">
							<div class="chapter">
								<a href="javascript:;" onclick="playMediaFile(${id},<s:property value="fileType"/>,'${title }');">${title }</a>
							</div>
							<a id="player_a_${id }" href="javascript:;" onclick="playMediaFile(${id},<s:property value="fileType"/>,'${title }');"><img class="playBtn" src="img/pause.png"></a>
						</li>
						</s:iterator>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<s:action namespace="/screen" name="pathMenu" executeResult="true">
		<s:param name="pathMainBg" value="'img/navbg.png'" />
	</s:action>
<script type="text/javascript">
if (typeof(document.onselectstart) != "undefined") {        
    // IE????????????        
    document.onselectstart = new Function("return false");     
}

//????????????????????
$("#catalogList").movescroll();
$("#remark").movescroll();

var code = ""; 
try{
	code = window.external.fetchCode();
}catch(E){
}

webDwr.addBookVisited(<s:property value='media.id'/>);

var divId2 = "#jquery_jplayer_2";
var divContainer2 = "#jp_container_2";
var swfPath = "../jplayer";
var agent = navigator.userAgent.toLowerCase();

var currId;
var playTimes = 0;
var isPlaying = false;

function playSwfFile(filePath,title)
{
	$(divContainer2).hide();
	$(divId2).jPlayer( "destroy" );
	var html = '<embed allowscriptaccess="never" allownetworking="internal" invokeurls="false" src="'+filePath+'" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" quality="high" autostart="0" wmode="transparent" width="640" height="360" align="middle">';
	html += '<div class="jp-details">';
	html += '	<div class="jp-title" aria-label="title">'+title+'</div>';
	html += '	<div style="float:right;cursor:pointer;color:#FF8000;font-size:14px;color:#f13670; margin-top: -27px;margin-right: 10px;';
	html += '	" onclick="closeContainer();">???</div>';
	html += '</div>';
	$("#swfPlayerContainer").html(html);
	$("#swfPlayerContainer").show();
}

function playFile(filePath,fileType,title) {
	if(fileType==2 || fileType==1) {
		playVideo(filePath,title);
	} else if(fileType==21) {
		playSwfFile(filePath,title);
	}
}

var playList = "[";
var lfileId;
var lfileType;
var lfileTitle;
<s:iterator value="list" status="obj">
lfileId = <s:property value="id"/>;
lfileType = <s:property value="fileType"/>;
lfileTitle = '<s:property value="title"/>';
<s:if test="#obj.index>0">
playList += ",";
</s:if>
playList += "{";
playList += "'fileId':" + lfileId + ",'fileType':" + lfileType + ",'fileTitle':'" + lfileTitle + "'";
playList += "}";
</s:iterator>
playList += "]";

var arr = eval(playList);
var findCurr = false;

//????????
function playNext() {
	findCurr = false;
	if(!currId) {
		findCurr = true;
	}
	$.each(arr,function(){
		if(findCurr) {
			if($(this)[0].fileType==1 || $(this)[0].fileType==2) {
				playMediaFile($(this)[0].fileId,$(this)[0].fileType,$(this)[0].fileTitle);
				return false;
			}
		} else {
			if($(this)[0].fileId==currId) {
				findCurr = true;
			}
		}
    });
}

//????????
function playPrev() {
	if(!currId) {
		//????????d,????????
		$.each(arr,function(index){
			if($(this)[0].fileType==1 || $(this)[0].fileType==2) {
				playMediaFile($(this)[0].fileId,$(this)[0].fileType,$(this)[0].fileTitle);
				return false;
			}
		});
	} else {
		//??????Id
		var prevIndex=0;
		$.each(arr,function(index){
			if($(this)[0].fileId==currId) {
				prevIndex = index;
				return false;
			}
	    });
		if(prevIndex) {
			prevIndex = prevIndex - 1;
		}
		playMediaFile(arr[prevIndex].fileId,arr[prevIndex].fileType,arr[prevIndex].fileTitle);
	}
	
}

<s:if test="lastMediaFile!=null">
	currId = ${lastMediaFile.id};
	<s:if test="lastMediaFile.filePath!=null">
	playMediaFile(${lastMediaFile.id},<s:property value="lastMediaFile.fileType"/>,'${lastMediaFile.title}');
	</s:if>
</s:if>
<s:else>
playPrev();
</s:else>
</script>
</body>
</html>

Ms-Dos/Windows Unix Write backup

jsp File Browser version 1.2 by www.vonloesch.de