|
@@ -15,7 +15,21 @@ |
|
@@ -15,7 +15,21 @@ |
|
15
|
position: absolute;
|
15
|
position: absolute;
|
|
16
|
top: 0;
|
16
|
top: 0;
|
|
17
|
width: 100%;
|
17
|
width: 100%;
|
|
18
|
- height: 97%;
|
18
|
+ height: 100%;
|
|
|
|
19
|
+ }
|
|
|
|
20
|
+
|
|
|
|
21
|
+ .video_bg video {
|
|
|
|
22
|
+ width: 100%;
|
|
|
|
23
|
+ height: 100%;
|
|
|
|
24
|
+ }
|
|
|
|
25
|
+
|
|
|
|
26
|
+ .fourth_video {
|
|
|
|
27
|
+ height: 3.6rem;
|
|
|
|
28
|
+ }
|
|
|
|
29
|
+
|
|
|
|
30
|
+ .video_bg {
|
|
|
|
31
|
+ height: 3.5rem;
|
|
|
|
32
|
+ background-color: black;
|
|
19
|
}
|
33
|
}
|
|
20
|
</style>
|
34
|
</style>
|
|
21
|
</head>
|
35
|
</head>
|
|
@@ -54,7 +68,7 @@ |
|
@@ -54,7 +68,7 @@ |
|
54
|
</ul>
|
68
|
</ul>
|
|
55
|
<input type="hidden" value="0" name="city_id" id="city_id">
|
69
|
<input type="hidden" value="0" name="city_id" id="city_id">
|
|
56
|
<div style="display:none;">
|
70
|
<div style="display:none;">
|
|
57
|
- <input type="submit" id="city_submit"/>
|
71
|
+ <input type="submit" id="city_submit" />
|
|
58
|
</div>
|
72
|
</div>
|
|
59
|
</form>
|
73
|
</form>
|
|
60
|
</div>
|
74
|
</div>
|
|
@@ -119,23 +133,23 @@ |
|
@@ -119,23 +133,23 @@ |
|
119
|
});
|
133
|
});
|
|
120
|
//登录
|
134
|
//登录
|
|
121
|
var users = $('#users').val();
|
135
|
var users = $('#users').val();
|
|
122
|
- if(users == 0) {
|
136
|
+ if (users == 0) {
|
|
123
|
//监听播放时间
|
137
|
//监听播放时间
|
|
124
|
video_mask('您还不是会员，可试看20秒');
|
138
|
video_mask('您还不是会员，可试看20秒');
|
|
125
|
var video = document.getElementById('video');
|
139
|
var video = document.getElementById('video');
|
|
126
|
//使用事件监听方式捕捉事件
|
140
|
//使用事件监听方式捕捉事件
|
|
127
|
- video.addEventListener("timeupdate", function () {
|
141
|
+ video.addEventListener("timeupdate", function() {
|
|
128
|
var timeDisplay;
|
142
|
var timeDisplay;
|
|
129
|
//用秒数来显示当前播放进度
|
143
|
//用秒数来显示当前播放进度
|
|
130
|
timeDisplay = Math.floor(video.currentTime);
|
144
|
timeDisplay = Math.floor(video.currentTime);
|
|
131
|
console.log(Math.floor(video.currentTime));
|
145
|
console.log(Math.floor(video.currentTime));
|
|
132
|
- video.addEventListener('play', function () {
|
146
|
+ video.addEventListener('play', function() {
|
|
133
|
video.currentTime = 0;
|
147
|
video.currentTime = 0;
|
|
134
|
});
|
148
|
});
|
|
135
|
//当视频播放到 15s的时候做处理
|
149
|
//当视频播放到 15s的时候做处理
|
|
136
|
|
150
|
|
|
137
|
if (timeDisplay >= 20) {
|
151
|
if (timeDisplay >= 20) {
|
|
138
|
- video.addEventListener('play', function () {
|
152
|
+ video.addEventListener('play', function() {
|
|
139
|
video.currentTime = 0;
|
153
|
video.currentTime = 0;
|
|
140
|
}),
|
154
|
}),
|
|
141
|
video_mask('会员可观看完整视频');
|
155
|
video_mask('会员可观看完整视频');
|
|
@@ -148,9 +162,10 @@ |
|
@@ -148,9 +162,10 @@ |
|
148
|
|
162
|
|
|
149
|
function bofang() {
|
163
|
function bofang() {
|
|
150
|
video.play();
|
164
|
video.play();
|
|
|
|
165
|
+ $('#video').show();
|
|
|
|
166
|
+ $('.video_poster').hide();
|
|
151
|
$("#video").attr("controls", "controls");
|
167
|
$("#video").attr("controls", "controls");
|
|
152
|
$(".fourth_video_start").hide();
|
168
|
$(".fourth_video_start").hide();
|
|
153
|
- $('.video_poster').css('z-index', '-1');
|
|
|
|
154
|
}
|
169
|
}
|
|
155
|
|
170
|
|
|
156
|
// swiper
|
171
|
// swiper
|
|
@@ -183,21 +198,21 @@ |
|
@@ -183,21 +198,21 @@ |
|
183
|
$('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)');
|
198
|
$('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)');
|
|
184
|
switch_video(index);
|
199
|
switch_video(index);
|
|
185
|
});
|
200
|
});
|
|
186
|
-// $(".select ul li").click(function() {
|
|
|
|
187
|
-// $(".select input").val($(this).text());
|
|
|
|
188
|
-// $(".select ul").hide();
|
|
|
|
189
|
-// var index = $(this).index();
|
|
|
|
190
|
-// $(".curren")
|
|
|
|
191
|
-// .eq(index)
|
|
|
|
192
|
-// .addClass("video_active")
|
|
|
|
193
|
-// .siblings()
|
|
|
|
194
|
-// .removeClass("video_active");
|
|
|
|
195
|
-// });
|
201
|
+ // $(".select ul li").click(function() {
|
|
|
|
202
|
+ // $(".select input").val($(this).text());
|
|
|
|
203
|
+ // $(".select ul").hide();
|
|
|
|
204
|
+ // var index = $(this).index();
|
|
|
|
205
|
+ // $(".curren")
|
|
|
|
206
|
+ // .eq(index)
|
|
|
|
207
|
+ // .addClass("video_active")
|
|
|
|
208
|
+ // .siblings()
|
|
|
|
209
|
+ // .removeClass("video_active");
|
|
|
|
210
|
+ // });
|
|
196
|
|
211
|
|
|
197
|
var value = $('#cityName').val();
|
212
|
var value = $('#cityName').val();
|
|
198
|
- if(value != ''){
|
213
|
+ if (value != '') {
|
|
199
|
$('.show_city').val(value);
|
214
|
$('.show_city').val(value);
|
|
200
|
- }else{
|
215
|
+ } else {
|
|
201
|
$('.show_city').val('所有');
|
216
|
$('.show_city').val('所有');
|
|
202
|
}
|
217
|
}
|
|
203
|
|
218
|
|
|
@@ -206,9 +221,14 @@ |
|
@@ -206,9 +221,14 @@ |
|
206
|
var city_id = $(this).val();
|
221
|
var city_id = $(this).val();
|
|
207
|
$('#city_id').val(city_id);
|
222
|
$('#city_id').val(city_id);
|
|
208
|
$('form').submit();
|
223
|
$('form').submit();
|
|
209
|
- window.location.href = '/portal/region/getMoreVideo?city_id='+city_id;
|
224
|
+ window.location.href = '/portal/region/getMoreVideo?city_id=' + city_id;
|
|
|
|
225
|
+ });
|
|
|
|
226
|
+ $('.star_gall_img li').each(function() {
|
|
|
|
227
|
+ $(this).click(function() {
|
|
|
|
228
|
+ $('#video').css('display', 'none');
|
|
|
|
229
|
+ $('.video_poster').css('visibility', 'visible!important');
|
|
|
|
230
|
+ });
|
|
210
|
});
|
231
|
});
|
|
211
|
-
|
|
|
|
212
|
//切换视频
|
232
|
//切换视频
|
|
213
|
function switch_video(index) {
|
233
|
function switch_video(index) {
|
|
214
|
//视频路径
|
234
|
//视频路径
|
|
@@ -222,14 +242,20 @@ |
|
@@ -222,14 +242,20 @@ |
|
222
|
$('#video').attr('src', oneVideo);
|
242
|
$('#video').attr('src', oneVideo);
|
|
223
|
|
243
|
|
|
224
|
// 视频封面图
|
244
|
// 视频封面图
|
|
225
|
- var oneCover = li_index.find('.li_img').attr('src');
|
|
|
|
226
|
- $('.video_poster').attr('src', oneCover);
|
|
|
|
227
|
- // $('.video_poster').css('z-index', '10');
|
245
|
+ var img = li_index.find('.li_img').attr('src');
|
|
|
|
246
|
+ $('.video_poster').attr('src', img);
|
|
228
|
|
247
|
|
|
229
|
- $('.fourth_video_start').css({
|
|
|
|
230
|
- 'z-index': "100",
|
|
|
|
231
|
- "display": "block"
|
|
|
|
232
|
- });
|
248
|
+ $('#video').css('z-index', '0');
|
|
|
|
249
|
+ $('.video_poster').show();
|
|
|
|
250
|
+ $(".fourth_video_start").show();
|
|
|
|
251
|
+
|
|
|
|
252
|
+
|
|
|
|
253
|
+ // var oneCover = li_index.find('.li_img').attr('src');
|
|
|
|
254
|
+ // $('.video_poster').attr('src', oneCover);
|
|
|
|
255
|
+ // $('.fourth_video_start').css({
|
|
|
|
256
|
+ // 'z-index': "100",
|
|
|
|
257
|
+ // "display": "block"
|
|
|
|
258
|
+ // });
|
|
233
|
|
259
|
|
|
234
|
//标题，国家，取景，上映时间
|
260
|
//标题，国家，取景，上映时间
|
|
235
|
var post_title = li_index.children('.li_post_title').val();
|
261
|
var post_title = li_index.children('.li_post_title').val();
|
