1 Star 0 Fork 0

魏先生new/movieweb

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
playvideo.html 8.19 KB
一键复制 编辑 原始数据 按行查看 历史
weiliming125 提交于 2021-10-14 19:41 . 点播系统前端
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
<script src="static/js/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<meta charset="utf-8">
<title></title>
<style>
.u1{
text-align: center;
background-color: #000000;
}
.d1{
background-color: #000000;
border: none;
}
.i1{
border:none;
background-color: #696969;
}
.pv{
width: 60%;
margin: 0 auto;
background-color: #000000;
}
a{
cursor: pointer;
}
a:hover{
text-decoration: none;
}
.ul1{
text-align: center;
list-style: none;
height: 300px;
width: 100%;
padding: 0;
}
.il1{
float: left;
height: 250px;
width: 16.6%;
background-color: #1B6D85;
}
.pimg{
width: 90%;
}.pvb{
background-color: #151515;
}
</style>
</head>
<body>
<div class="pvb">
<div id="tempalte">
<div class="d1">
<nav class="navbar navbar-default d1">
<div class="container-fluid d1">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header d1">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="static/img/logo.png" style="height: 50px;margin: 0;padding: 0;">
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="main.html">首页</a></li>
<li><a href="#">最新剧集</a></li>
<li><a href="comment.html">留言求篇</a></li>
<li><a href="#">最近更新</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">电影分类 <span class="caret"></span></a>
<ul class="dropdown-menu u1">
<li><a href="domestic.html"><p class="p1">国产电影</p></a></li>
<li><a href="#"><p class="p1">港台电影</p></a></li>
<li><a href="#"><p class="p1">欧美电影</p></a></li>
<li><a href="#"><p class="p1">日韩电影</p></a></li>
<li><a href="#"><p class="p1">亚太电影</p></a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control i1" placeholder="输入电影名搜索">
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li @click="forword()"><a href="#"><img style="width: 26px;height: 26px;border-radius: 13px;" :src="userimage" ><span>&nbsp;{{username}}</span></a></li>
<li><a href="1.html">登录</a></li>
<li><a href="2.html">注册</a></li>
<li @click="extit()"><a href="#">注销</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="pv">
<div style="width: 96%;margin: 0 auto;">
<video src="static/video/61417c0573da0.mp4" controls="controls" width="100%" height="600px" style="border: 1px solid #383838;margin-top: 20px;"></video>
</div>
<div style="width: 96%;margin: 0 auto;height: 100px;line-height: 100px;text-align: center;">
<a href="movie.html" style="display: inline-block;font-size: 20px;width: 120px;text-align: center;height: 30px;line-height: 30px;background-color: #008000;color: white;border-radius: 2px;">查看介绍</a>
</div>
<div style="width: 96%;height: 40px;background-color: #fff6c4;border-radius: 3px;margin: 0 auto;line-height: 40px;margin-bottom: 20px;"><p style="font-size: 20px;margin-left: 10px;">在线播放加载需要时间,请耐心等待3-5秒,高潮总在缓冲后!</p></div>
<div style="width: 100%;border-top:1px solid #383838 ;">
<div style="width: 96%;margin: 0 auto;margin-top: 20px;">
<p style="font-size: 20px;color: white;">电影推荐:</p>
<div style="width: 100%;">
<ul class="ul1">
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
</ul>
</div>
<div style="width: 100%;">
<ul class="ul1">
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
<li class="il1"><a><img class="pimg" src="static/img/p1.jpg"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div style="width: 100%;height: 100px;background-color: #000000;">
<div style="width: 70%;height: 100%;margin: 0 auto;">
<div style="width: 30%;float: left;text-align: center;color: #a1a1a1;">
免责申明:<br>
本网站所有内容都是靠程序在互联网上自动搜集而来,仅供测试和学习交流。若侵犯了您的权益,请发邮件通知站长,收到邮件后24小时内删除。
</div>
<div style="width: 30%;float: right;text-align: center;line-height: 100px;color: #a1a1a1">
联系方式:
邮箱:hehonghui4@gmail.com
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="static/js/vue.js"></script>
<script type="text/javascript" src="static/js/axios.min.js"></script>
<script type="text/javascript" src="static/js/base.js"></script>
<script type="text/javascript" src="static/js/cookie_utils.js"></script>
<script>
var burl=Baseurl+"/user/extit";
var hurl=Baseurl+"/person/yan";
var vm=new Vue({
el:"#tempalte",
data:{
username:"",
userimage:"static/img/头像.png"
},
created() {
if(getCookieValue("username")==null || getCookieValue("username")=="null"){
this.username="";
this.userimage="static/img/头像.png";
}else{
this.username=getCookieValue("username");
this.userimage=getCookieValue("userimage");
}
},
methods:{
extit:function(){
var token=getCookieValue("token");
var username=getCookieValue("username");
axios({
method:"get",
url:burl,
headers:{
//设置请求头
token:token
}
}).then((res)=>{
var data=res.data;
if(data.code==10001){
// delCookie(token);
// delCookie(username);
clearAllCookie();
alert(data.msg);
vm.userimage="static/img/头像.png";
vm.username="";
}else{
alert(data.msg);
}
});
},
forword:function(){
var token=getCookieValue("token");
axios({
method:"get",
url:hurl,
headers:{
//设置请求头
token:token
}
}).then((res)=>{
var vo=res.data;
if(vo.code==10001){
setTimeout(function(){
window.location.href="personpage.html";
},10)
}else{
alert(vo.msg);
setTimeout(function(){
window.location.href="1.html";
},100)
}
});
}
}
});
</script>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/mr-wei-new/movieweb.git
git@gitee.com:mr-wei-new/movieweb.git
mr-wei-new
movieweb
movieweb
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385