You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.7 KiB
77 lines
2.7 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<link rel="stylesheet" type="text/css" href="css/libs/reset.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/libs/animate.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/plugins/gridNavigation.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/index.css" />
|
|
<!--[if lt IE 9]>
|
|
<script src="js/html5shiv.js"></script>
|
|
<script src="js/respond.min.js"></script>
|
|
<![endif]-->
|
|
<title>视频播放</title>
|
|
<style>
|
|
.layer-video{
|
|
height: 100%;
|
|
border-radius: .1rem;
|
|
overflow: hidden;
|
|
}
|
|
.video-header{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: calc(100% - .6rem);
|
|
height: .65rem;
|
|
line-height: .65rem;
|
|
padding: 0 .3rem;
|
|
font-family: 'PingFang';
|
|
font-size: .3rem;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
background: linear-gradient( 90deg, #5B9DFF 0%, rgba(91,157,255,0) 100%);
|
|
border-radius: 0.1rem .1rem 0 0;
|
|
}
|
|
.video-closed{
|
|
display: block;
|
|
width: .4rem;
|
|
height: .4rem;
|
|
color: #fff;
|
|
background: url("images/index-img3.png") no-repeat left top;
|
|
background-size: .4rem .4rem;
|
|
cursor: pointer;
|
|
}
|
|
.video-box{
|
|
padding: .3rem;
|
|
width: calc(100% - .6rem);
|
|
height: calc(100% - 1.25rem);
|
|
background: linear-gradient( 180deg, #183375 0%, #122050 100%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="ai-wrapper">
|
|
<div class="layer-video">
|
|
<div class="video-header">
|
|
<h3>视频标题</h3>
|
|
<span class="video-closed"></span>
|
|
</div>
|
|
<div class="video-box">
|
|
<video id="myVideo" width="100%" height="100%" controls autoplay>
|
|
<source src="media/video/elephant/重磅！大象机器人发布第二代人工智能套装，深度学习协作机器人、先进机器视觉与应用场景，人工智能实验室与职业教育必备.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="js/libs/jquery-3.7.1.min.js"></script>
|
|
<script type="text/javascript" src="js/libs/flexible.js"></script>
|
|
<!-- 模块切换 -->
|
|
<script type="text/javascript" src="js/index.js"></script>
|
|
|
|
</html>
|