<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('视频播放')" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<div>
|
<iframe style="margin-left: 20px" id ="palyerIframe0"
|
src=""
|
width="600px"
|
height="400px;"
|
allowfullscreen>
|
</iframe>
|
<iframe style="margin-left: 20px" id ="palyerIframe1"
|
src=""
|
width="600px"
|
height="400px;"
|
allowfullscreen>
|
</iframe>
|
</div>
|
</div>
|
<th:block th:include="include :: footer" />
|
<script th:src="@{/ajax/libs/EZUIKit/ezuikit.js}"></script>
|
<script th:inline="javascript">
|
var prefix = ctx + "geo/projectCamera";
|
var cameraDataList = [[${cameraDataList}]];
|
cameraDataList.forEach(function(value, index, array) {
|
const playerUrl = value.url;
|
$("#palyerIframe" + index).attr("src",playerUrl);
|
});
|
</script>
|
</body>
|
|
</html>
|
