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.
|
|
<!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>
|
