210 lines
8.5 KiB
Plaintext
210 lines
8.5 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ZTest.aspx.cs" Inherits="VRS.Management.ZTest" %>
|
||
|
||
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
|
||
<!DOCTYPE html>
|
||
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head runat="server">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<link href="../Assets/Layui/css/bootstrap.min.css" rel="stylesheet" />
|
||
<link href="../Assets/Layui/css/materialdesignicons.min.css" rel="stylesheet" />
|
||
<link href="../Assets/Layui/css/style.min.css" rel="stylesheet" />
|
||
<link href="../Css/BaseStyle.css" type="text/css" rel="Stylesheet" />
|
||
<title>autoplay</title>
|
||
</head>
|
||
<script type="text/javascript">
|
||
function OpenWindowAdd() {
|
||
var oWnd = radopen("AssetType_Add.aspx", "RadWindowManager1");
|
||
//oWnd.maximize();
|
||
oWnd.setSize(560, 305);
|
||
oWnd.center();
|
||
}
|
||
|
||
function OpenWindowDetail(Id) {
|
||
var oWnd = radopen("AssetType_Edit.aspx?Id=" + Id, "RadWindowManager1");
|
||
oWnd.setSize(560, 305);
|
||
oWnd.center();
|
||
}
|
||
|
||
|
||
function OnDataDelete(Id) {
|
||
|
||
if (confirm("确定删除数据吗？")) {
|
||
$("#IdInput").val(Id);
|
||
$("#btnDelete").click();
|
||
}
|
||
}
|
||
|
||
function OnImport() {
|
||
var oWnd = radopen("../Util/Import.aspx?cmd=ImportUsers", "RadWindowManager1");
|
||
oWnd.setSize(480, 280);
|
||
oWnd.center();
|
||
}
|
||
|
||
|
||
</script>
|
||
<body>
|
||
<form id="form1" runat="server">
|
||
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
|
||
<Scripts>
|
||
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
|
||
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
|
||
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
|
||
</Scripts>
|
||
</telerik:RadScriptManager>
|
||
<table class="table-form" rules="none" frame="void" cellspacing="0" cellpadding="0">
|
||
<tr>
|
||
<td valign="top">
|
||
<video runat="server" id="video" src="~/Upload/jk2_202202151129344988311124473867997.mp4" style="object-fit: fill; padding-left: 20px;" width="400" height="300" controls="controls" preload="auto">您的浏览器不支持video标签。</video>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td valign="top">
|
||
<video runat="server" id="video1" src="~/Upload/货油消防演习.mp4" style="object-fit: fill; padding-left: 20px;" width="400" height="300" controls="controls" preload="auto">您的浏览器不支持video标签。</video>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<div>
|
||
<table class="table-form hidden">
|
||
<tr>
|
||
<td class="table-td-name">用户、内容：
|
||
</td>
|
||
<td class="table-td-content"></td>
|
||
</tr>
|
||
<tr>
|
||
<th class="caption" colspan="2">列表：</th>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<div id="dataList" class="RadGrid RadGrid_Bootstrap" style="border-color: Transparent; border-width: 0px;" tabindex="0">
|
||
<table class="rgMasterTable rgClipCells" style="width: 100%; table-layout: fixed; overflow: hidden; empty-cells: show;">
|
||
<thead>
|
||
<tr>
|
||
<th class="rgHeader">姓名</th>
|
||
<th>年龄</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<% List<PersonOM> lstps = VRS.Management.ZTest.GetResult(); %>
|
||
<% foreach (PersonOM ps in lstps)
|
||
{ %>
|
||
<tr class="rgRow">
|
||
<td><%=ps.Name %></td>
|
||
<td><%=ps.Age %></td>
|
||
</tr>
|
||
<%} %>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<%-- NavigateUrl ="VSAT\SubjectVideo.aspx?Id=21070913583067362" VisibleOnPageLoad="true"--%>
|
||
<div id="window-container" class="demo-container">
|
||
<%-- <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" runat="server" Behaviors="Move,ReSize,Close" VisibleStatusbar="false"
|
||
VisibleOnPageLoad="false" Width="850" Height="690" OnClientResizeEnd="OnClientResizeEnd"
|
||
NavigateUrl="VSAT\SubjectVideo.aspx?Id=21070913583067362">
|
||
</telerik:RadWindow>--%>
|
||
|
||
<telerik:RadWindow ID="RadWindowContent" runat="server" Behaviors="Move,ReSize,Close" VisibleStatusbar="false" RenderMode="Auto" Skin="Bootstrap"
|
||
VisibleOnPageLoad="false" Width="850" Height="690" OnClientResizeEnd="OnClientResizeEnd" Title="我的标题"
|
||
>
|
||
<ContentTemplate>
|
||
<video runat="server" id="video_test" style="object-fit: fill;padding-left:20px;" width="98%" height="95%" src="~/Upload/jk2_202202151129344988311124473867997.mp4" controls="controls" preload="auto">您的浏览器不支持video标签。</video>
|
||
</ContentTemplate>
|
||
|
||
</telerik:RadWindow>
|
||
|
||
<div class="demo-container">
|
||
<telerik:RadMediaPlayer RenderMode="Lightweight" ID="RadMediaPlayer1" runat="server" AutoPlay="true" Visible="false"
|
||
Height="360px" Width="640px">
|
||
<Banners>
|
||
<telerik:MediaPlayerBanner
|
||
NavigateURL="VSAT\SubjectVideo.aspx?Id=21070913583067362"
|
||
ImageUrl="../Assets/Images/healthLogo.png"
|
||
StartTime="3" EndTime="33"
|
||
ShowCloseButton="true"
|
||
ToolTip="视频" />
|
||
</Banners>
|
||
</telerik:RadMediaPlayer>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<script>
|
||
|
||
function OnClientResizeEnd(sender, eventArgs) {
|
||
// alert("<strong>OnClientResizeEnd</strong>: RadWindow is resize ended");
|
||
// $("#RadWindow1").hide();
|
||
|
||
var obj = $find("<%= RadWindowContent.ClientID %>");
|
||
var width = obj.get_width() - 50;
|
||
var height = obj.get_height() - 90;
|
||
//var video = $("#video_test");
|
||
// video.width(width);
|
||
// video.height(height);
|
||
}
|
||
|
||
var myvideo = document.getElementById("video");
|
||
setTimeout(function () {
|
||
//myvideo.muted = false;
|
||
//myvideo.play();
|
||
//autoplay="autoplay" muted="muted"
|
||
//var obj = $("#RadWindow1");
|
||
//$("#RadWindow1").show();
|
||
}, 5000);
|
||
|
||
//关闭声音
|
||
function enableMute() {
|
||
myvideo.muted = true;
|
||
}
|
||
//打开声音
|
||
function disableMute() {
|
||
myvideo.muted = false;
|
||
}
|
||
//播放视频
|
||
function playVid() {
|
||
myvideo.play();
|
||
}
|
||
//暂停视频
|
||
function pauseVid() {
|
||
myvideo.pause();
|
||
}
|
||
//全屏
|
||
function showFull() {
|
||
myvideo.webkitrequestFullscreen();
|
||
}
|
||
|
||
$(function () {
|
||
|
||
//var video = $("#video_test");
|
||
//video.attr("src", "~/Upload/货油消防演习.mp4");
|
||
var video = document.getElementById("<%= video_test.ClientID %>");
|
||
video.src = "/Upload/货油消防演习.mp4";
|
||
video.play();
|
||
|
||
var win = $find("<%= RadWindowContent.ClientID %>");
|
||
win.show();
|
||
win.center();
|
||
});
|
||
|
||
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
window.οnlοad = function () {
|
||
changeDivHeight();
|
||
}
|
||
//当浏览器窗口大小改变时，设置显示内容的高度
|
||
window.οnresize = function () {
|
||
changeDivHeight();
|
||
}
|
||
function changeDivHeight() {
|
||
var h = document.documentElement.clientHeight;//获取页面可见高度
|
||
document.getElementById("video").style.height = h - 140 + "px";
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|