<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<title>文件浏览</title>
|
<link rel="stylesheet" href="static/plugins/html5media/media/styles.min.css" type="text/css"/>
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/html5media/html5media.js"></script>
|
<script src="static/scripts/ptLimitFloat.js"></script>
|
<style>
|
html,
|
body {
|
height: 100%;
|
overflow: hidden;
|
}
|
|
ul,
|
li {
|
list-style: none;
|
margin: 0px;
|
padding: 0px;
|
}
|
|
.bg {
|
background-color: #000;
|
opacity: 0.5;
|
width: 100%;
|
height: 30px;
|
position: absolute;
|
top: 0px;
|
z-index: 11;
|
}
|
|
.strongest-con {
|
position: absolute;
|
width: 100%;
|
overflow: hidden;
|
height: 30px;
|
top: 0px;
|
color: #fff;
|
z-index: 12;
|
}
|
|
.strongest-con ul {
|
height: 30px;
|
position: absolute;
|
left: 0px;
|
top: 0;
|
}
|
|
.strongest-con li {
|
float: left;
|
width: 15px;
|
height: 30px;
|
line-height: 30px;
|
}
|
|
.pt-view {
|
width: 100%;
|
height: 100%;
|
z-index: 1;
|
position: absolute;
|
}
|
|
#piaofu {
|
background-color: rgba(0, 0, 0, 0.4);
|
color: #fff;
|
z-index: 12;
|
font-size: ${watermarkFontsize/2}px;
|
}
|
|
/*video默认全屏按钮*/
|
video::-webkit-media-controls-fullscreen-button {
|
display: none !important;
|
}
|
|
</style>
|
</head>
|
<body>
|
<c:if test="${enableWatermark}">
|
<!--下面一行是漂浮模式-->
|
<div id="piaofu">${watermarkText}</div>
|
</c:if>
|
<video id="video" class="video" width="800" height="558" controlsList="nodownload" autoplay controls preload>
|
<source src="general/${attachViewUrl}"></source>
|
<!-- <source src="static/plugins/html5media/media/video.mp4?fdsfasdf=fdssd"></source> -->
|
</video>
|
<script>
|
document.oncontextmenu = function () {
|
//return false;
|
}
|
|
$(function () {
|
resizeWin();
|
|
$(window).resize(function () {
|
resizeWin();
|
})
|
|
<c:if test="${enableWatermark}">
|
PiaoFu(); //漂浮调用
|
</c:if>
|
});
|
|
function resizeWin() {
|
var $video = $("#video");
|
if ($video.length > 0) {
|
var ww = $(window).width();
|
var wh = $(window).height();
|
$video.attr("width", ww);
|
$video.attr("height", wh);
|
|
<c:if test="${enableWatermark}">
|
//漂浮要加的这句话，得到尺寸
|
AdMoveLimitConfig.Resize($video);
|
</c:if>
|
}
|
}
|
|
function PiaoFu() { //漂浮
|
var ad = new AdMoveLimit("piaofu", "video");
|
ad.Run();
|
}
|
</script>
|
</body>
|
</html>
|
