正在显示
4 个修改的文件
包含
57 行增加
和
31 行删除
@@ -50,7 +50,8 @@ | @@ -50,7 +50,8 @@ | ||
50 | <ul class="swiper-wrapper"> | 50 | <ul class="swiper-wrapper"> |
51 | <volist name="res['image_url']" id="vo"> | 51 | <volist name="res['image_url']" id="vo"> |
52 | <li class="swiper-slide"> | 52 | <li class="swiper-slide"> |
53 | - <img src="{:cmf_get_image_url($vo.url)}" alt="" /> | 53 | + <img src="__TMPL__/public/assets/images/cicon_43@2x.png" alt=""> |
54 | + <!-- <img src="{:cmf_get_image_url($vo.url)}" alt="" /> --> | ||
54 | <div class="index_fourth_top index_shans"> | 55 | <div class="index_fourth_top index_shans"> |
55 | <div class="index_fourth_top_img"> | 56 | <div class="index_fourth_top_img"> |
56 | <img src="__TMPL__/public/assets/images/cicon_102@2x.png" alt="" /> | 57 | <img src="__TMPL__/public/assets/images/cicon_102@2x.png" alt="" /> |
@@ -15,7 +15,16 @@ | @@ -15,7 +15,16 @@ | ||
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 | + .video_bg { | ||
27 | + background-color: black; | ||
19 | } | 28 | } |
20 | </style> | 29 | </style> |
21 | </head> | 30 | </head> |
@@ -54,7 +63,7 @@ | @@ -54,7 +63,7 @@ | ||
54 | </ul> | 63 | </ul> |
55 | <input type="hidden" value="0" name="city_id" id="city_id"> | 64 | <input type="hidden" value="0" name="city_id" id="city_id"> |
56 | <div style="display:none;"> | 65 | <div style="display:none;"> |
57 | - <input type="submit" id="city_submit"/> | 66 | + <input type="submit" id="city_submit" /> |
58 | </div> | 67 | </div> |
59 | </form> | 68 | </form> |
60 | </div> | 69 | </div> |
@@ -119,23 +128,23 @@ | @@ -119,23 +128,23 @@ | ||
119 | }); | 128 | }); |
120 | //登录 | 129 | //登录 |
121 | var users = $('#users').val(); | 130 | var users = $('#users').val(); |
122 | - if(users == 0) { | 131 | + if (users == 0) { |
123 | //监听播放时间 | 132 | //监听播放时间 |
124 | video_mask('您还不是会员,可试看20秒'); | 133 | video_mask('您还不是会员,可试看20秒'); |
125 | var video = document.getElementById('video'); | 134 | var video = document.getElementById('video'); |
126 | //使用事件监听方式捕捉事件 | 135 | //使用事件监听方式捕捉事件 |
127 | - video.addEventListener("timeupdate", function () { | 136 | + video.addEventListener("timeupdate", function() { |
128 | var timeDisplay; | 137 | var timeDisplay; |
129 | //用秒数来显示当前播放进度 | 138 | //用秒数来显示当前播放进度 |
130 | timeDisplay = Math.floor(video.currentTime); | 139 | timeDisplay = Math.floor(video.currentTime); |
131 | console.log(Math.floor(video.currentTime)); | 140 | console.log(Math.floor(video.currentTime)); |
132 | - video.addEventListener('play', function () { | 141 | + video.addEventListener('play', function() { |
133 | video.currentTime = 0; | 142 | video.currentTime = 0; |
134 | }); | 143 | }); |
135 | //当视频播放到 15s的时候做处理 | 144 | //当视频播放到 15s的时候做处理 |
136 | 145 | ||
137 | if (timeDisplay >= 20) { | 146 | if (timeDisplay >= 20) { |
138 | - video.addEventListener('play', function () { | 147 | + video.addEventListener('play', function() { |
139 | video.currentTime = 0; | 148 | video.currentTime = 0; |
140 | }), | 149 | }), |
141 | video_mask('会员可观看完整视频'); | 150 | video_mask('会员可观看完整视频'); |
@@ -148,9 +157,9 @@ | @@ -148,9 +157,9 @@ | ||
148 | 157 | ||
149 | function bofang() { | 158 | function bofang() { |
150 | video.play(); | 159 | video.play(); |
160 | + $('.video_poster').hide(); | ||
151 | $("#video").attr("controls", "controls"); | 161 | $("#video").attr("controls", "controls"); |
152 | $(".fourth_video_start").hide(); | 162 | $(".fourth_video_start").hide(); |
153 | - $('.video_poster').css('z-index', '-1'); | ||
154 | } | 163 | } |
155 | 164 | ||
156 | // swiper | 165 | // swiper |
@@ -183,21 +192,21 @@ | @@ -183,21 +192,21 @@ | ||
183 | $('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)'); | 192 | $('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)'); |
184 | switch_video(index); | 193 | switch_video(index); |
185 | }); | 194 | }); |
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 | -// }); | 195 | + // $(".select ul li").click(function() { |
196 | + // $(".select input").val($(this).text()); | ||
197 | + // $(".select ul").hide(); | ||
198 | + // var index = $(this).index(); | ||
199 | + // $(".curren") | ||
200 | + // .eq(index) | ||
201 | + // .addClass("video_active") | ||
202 | + // .siblings() | ||
203 | + // .removeClass("video_active"); | ||
204 | + // }); | ||
196 | 205 | ||
197 | var value = $('#cityName').val(); | 206 | var value = $('#cityName').val(); |
198 | - if(value != ''){ | 207 | + if (value != '') { |
199 | $('.show_city').val(value); | 208 | $('.show_city').val(value); |
200 | - }else{ | 209 | + } else { |
201 | $('.show_city').val('所有'); | 210 | $('.show_city').val('所有'); |
202 | } | 211 | } |
203 | 212 | ||
@@ -206,7 +215,7 @@ | @@ -206,7 +215,7 @@ | ||
206 | var city_id = $(this).val(); | 215 | var city_id = $(this).val(); |
207 | $('#city_id').val(city_id); | 216 | $('#city_id').val(city_id); |
208 | $('form').submit(); | 217 | $('form').submit(); |
209 | - window.location.href = '/portal/region/getMoreVideo?city_id='+city_id; | 218 | + window.location.href = '/portal/region/getMoreVideo?city_id=' + city_id; |
210 | }); | 219 | }); |
211 | 220 | ||
212 | //切换视频 | 221 | //切换视频 |
@@ -222,14 +231,19 @@ | @@ -222,14 +231,19 @@ | ||
222 | $('#video').attr('src', oneVideo); | 231 | $('#video').attr('src', oneVideo); |
223 | 232 | ||
224 | // 视频封面图 | 233 | // 视频封面图 |
225 | - var oneCover = li_index.find('.li_img').attr('src'); | ||
226 | - $('.video_poster').attr('src', oneCover); | ||
227 | - // $('.video_poster').css('z-index', '10'); | 234 | + var img = li_index.find('.li_img').attr('src'); |
235 | + $('.video_poster').attr('src', img); | ||
236 | + $('.video_poster').show(); | ||
237 | + $(".fourth_video_start").show(); | ||
228 | 238 | ||
229 | - $('.fourth_video_start').css({ | ||
230 | - 'z-index': "100", | ||
231 | - "display": "block" | ||
232 | - }); | 239 | + |
240 | + // var oneCover = li_index.find('.li_img').attr('src'); | ||
241 | + // $('.video_poster').attr('src', oneCover); | ||
242 | + | ||
243 | + // $('.fourth_video_start').css({ | ||
244 | + // 'z-index': "100", | ||
245 | + // "display": "block" | ||
246 | + // }); | ||
233 | 247 | ||
234 | //标题,国家,取景,上映时间 | 248 | //标题,国家,取景,上映时间 |
235 | var post_title = li_index.children('.li_post_title').val(); | 249 | var post_title = li_index.children('.li_post_title').val(); |
@@ -5,17 +5,28 @@ $(function() { | @@ -5,17 +5,28 @@ $(function() { | ||
5 | $('.nav_down').hide(); | 5 | $('.nav_down').hide(); |
6 | $('.navImg1 img').attr('src', host + "/images/cicon_02@2x.png") | 6 | $('.navImg1 img').attr('src', host + "/images/cicon_02@2x.png") |
7 | }); | 7 | }); |
8 | + | ||
8 | //导航 | 9 | //导航 |
9 | - $('.navImg1 img').click(function() { | 10 | + $('.navImg1 img').click(function(e) { |
10 | if ($(this).attr('src') == host + "/images/cicon_02@2x.png") { | 11 | if ($(this).attr('src') == host + "/images/cicon_02@2x.png") { |
12 | + e.stopPropagation(); | ||
11 | $(this).attr('src', host + '/images/xx.png'); | 13 | $(this).attr('src', host + '/images/xx.png'); |
12 | $('.nav_down').slideDown(); | 14 | $('.nav_down').slideDown(); |
13 | } else { | 15 | } else { |
14 | - console.log(1) | ||
15 | $(this).attr('src', host + '/images/cicon_02@2x.png'); | 16 | $(this).attr('src', host + '/images/cicon_02@2x.png'); |
16 | $('.nav_down').slideUp(); | 17 | $('.nav_down').slideUp(); |
17 | } | 18 | } |
18 | }); | 19 | }); |
20 | + // 关闭导航 | ||
21 | + $(document).click(function(e) { | ||
22 | + if (!$(e.target).closest(".nav_down").length) { | ||
23 | + $(".nav_down").slideUp(200); | ||
24 | + $('.navImg1 img').attr('src', host + "/images/cicon_02@2x.png") | ||
25 | + // $(this).children('.bottom_liCir p').css('color', '#999999'); | ||
26 | + } | ||
27 | + }); | ||
28 | + | ||
29 | + | ||
19 | //二级导航 | 30 | //二级导航 |
20 | $('.nav_downN').each(function() { | 31 | $('.nav_downN').each(function() { |
21 | $(this).click(function() { | 32 | $(this).click(function() { |
@@ -18,7 +18,7 @@ | @@ -18,7 +18,7 @@ | ||
18 | <img src="__TMPL__/public/assets/images/cicon_03@2x.png" alt="" /> | 18 | <img src="__TMPL__/public/assets/images/cicon_03@2x.png" alt="" /> |
19 | </div> | 19 | </div> |
20 | <!--导航下拉--> | 20 | <!--导航下拉--> |
21 | - <div class="nav_down"> | 21 | + <div class="nav_down" id="over"> |
22 | <!--未登录--> | 22 | <!--未登录--> |
23 | <notempty name="user"> | 23 | <notempty name="user"> |
24 | <!--登陆后--> | 24 | <!--登陆后--> |
-
请 注册 或 登录 后发表评论