-
Notifications
You must be signed in to change notification settings - Fork 0
/
v-00001.html
188 lines (184 loc) · 9.4 KB
/
v-00001.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>海鸟与鱼的相爱只是一场意外</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/video.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/video-js.css">
</head>
<body>
<div class="top">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container f21">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand">校园虚拟社区</a>
<!-- 判断登录状态 -->
<!-- 未登录 -->
<span class="login-in "><a href="login.html" >登录 </a><i class="icon iconfont"></i></span>
<!-- 已登录 用户名 相关消息数-->
<span class="user"><a href="#">用户名</a><a href=""><span class="item">4</span></a><a href="#">登出 </a><i class="icon iconfont"></i></span>
</div>
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="question.html">技术研讨</a>
</li>
<li>
<a href="video.html">精彩视频</a>
</li>
<li>
<a href="announce.html">校园公告</a>
</li>
<li>
<a href="weibo.html">趣味微博</a>
</li>
<li>
<a href="index.html#program">创意项目</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-1 col-md-8 col-md-offset-1 article-page">
<div class="col-sm-12 col-md-12">
<h2>海鸟与鱼的相爱只是一场意外</h2>
<div class="video-desc">
<p>鱼儿不愿放弃，因为它感到蓝天在召唤它；鸟儿不愿放弃，因为它觉得大海才是它真正的家。这样，鱼儿和鸟儿不停地尝试接近，但都在它们接近梦想的过程中，接近死亡。</p>
</div>
<div class="author-info">
<img src="http://img1.2345.com/duoteimg/qqTxImg/2013/12/ns/18-024824_754.jpg" alt="">
<span class="author">枫</span>
<span class="time">9-Jul-15 9:31am</span>
</div>
<div class="video">
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
<track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
<!-- Tracks need an ending tag thanks to IE9 -->
<track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
<!-- Tracks need an ending tag thanks to IE9 -->
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
</div>
<div class="comment-video col-sm-12 col-md-12">
<div class="current-user">
<div class="col-sm-2 col-md-2">
<img src="http://img.zcool.cn/community/01b5bc563cc76e6ac7259e0f9e9284.jpg" alt="">
</div>
<div class="comment">
<div class="col-sm-8 col-md-8">
<textarea id="comment_text" class="form-control" cols="80" name="msg" rows="3" placeholder="请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。"></textarea>
</div>
<button class="btn btn-info submit-comment" type="submit">发表评论</button>
</div>
</div>
<!-- end of current-user -->
<div class="comment-other col-sm-12 col-md-12">
<img src="http://www.qqxoo.com/uploads/allimg/161105/22335AE8-3.jpg"" alt="">
<span class="nickname"><a href="" target="_blank">陌</a></span>
<div class="comment-content">
<p>表白枫大大~n(*≧▽≦*)n</p>
</div>
<div class="comment-info">
<span class="time">2016-11-18 22:46</span>
<span class="love"><i class="icon iconfont"></i><span class="love-num">10</span></span>
</div>
</div>
<div class="comment-other col-sm-12 col-md-12">
<img src="http://www.qqxoo.com/uploads/allimg/161105/22335AE8-3.jpg"" alt="">
<span class="nickname"><a href="" target="_blank">陌</a></span>
<div class="comment-content">
<p>表白枫大大~n(*≧▽≦*)n</p>
</div>
<div class="comment-info">
<span class="time">2016-11-18 22:46</span>
<span class="love"><i class="icon iconfont"></i><span class="love-num">10</span></span>
</div>
</div>
<div class="comment-other col-sm-12 col-md-12">
<img src="http://www.qqxoo.com/uploads/allimg/161105/22335AE8-3.jpg"" alt="">
<span class="nickname"><a href="" target="_blank">陌</a></span>
<div class="comment-content">
<p>表白枫大大~n(*≧▽≦*)n</p>
</div>
<div class="comment-info">
<span class="time">2016-11-18 22:46</span>
<span class="love"><i class="icon iconfont"></i><span class="love-num">10</span></span>
</div>
</div>
<div class="comment-other col-sm-12 col-md-12">
<img src="http://www.qqxoo.com/uploads/allimg/161105/22335AE8-3.jpg"" alt="">
<span class="nickname"><a href="" target="_blank">陌</a></span>
<div class="comment-content">
<p>表白枫大大~n(*≧▽≦*)n</p>
</div>
<div class="comment-info">
<span class="time">2016-11-18 22:46</span>
<span class="love"><i class="icon iconfont"></i><span class="love-num">10</span></span>
</div>
</div>
</div>
<!-- end of comment -->
<div class="col-sm-12 col-md-12 tab text-center">
<ul class="pagination">
<li class="disabled"><a href="#">«</a></li>
<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
<!-- end of tab -->
</div>
</div>
<!-- end of main -->
<div class="col-sm-2 col-md-2 other-video">
<h4>看过该视频的还喜欢</h4>
<ul>
<li>
<a href=""><img src="http://p3.wmpic.me/article/2015/12/25/1451032814_QDiWYSeX.jpg" alt=""></a>
<a href="" class="img-info"><span>海鸟与鱼的相爱只是一场意外 </span></a>
</li>
<li>
<a href=""><img src="http://p3.wmpic.me/article/2015/12/25/1451032814_QDiWYSeX.jpg" alt=""></a>
<a href="" class="img-info"><span>海鸟与鱼的相爱只是一场意外 </span></a>
</li>
<li>
<a href=""><img src="http://p3.wmpic.me/article/2015/12/25/1451032814_QDiWYSeX.jpg" alt=""></a>
<a href="" class="img-info"><span>海鸟与鱼的相爱只是一场意外 </span></a>
</li>
</ul>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/video.js"></script>
<script>
var love = $(".love .iconfont");
love.click(function(){
$(this).html("");
$(this).css("color","#31B0D5");
var num = 300;//此处需要当前赞数！！
num += 1;
$(this).next().html(num);
});
</script>
</body>
</html>