景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 6c660de233e5065f659e8a767557c4d4e55d3723 1 个父辈 2856bbd1
1 个管道 的构建 通过 耗费 0 秒

修改视频

内嵌 并排对比
正在显示 6 个修改的文件 包含 192 行增加 和 97 行删除
... ... @@ -79,19 +79,26 @@
<div class="first_search_left_img">
<img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
</div>
<div class="first_search_left_word">澳大利亚</div>
<div class="first_search_left_word show_city">所有</div>
</div>
<div class="first_search_right">
<div class="first_search_right_img">
<img src="__TMPL__/public/assets/images/down2.png" alt="" />
</div>
</div>
<input type="hidden" value="{$cityName}" id="cityName">
<form method="GET" action="/portal/enjoy/index">
<ul class="first_searchUl">
<li class="one-txt-cut">1</li>
<li class="one-txt-cut">2</li>
<li class="one-txt-cut">3</li>
<li class="one-txt-cut">4</li>
<li value="0" class="one-txt-cut">所有</li>
<volist name="city_name" id="vo">
<li value="{$vo.id}" class="one-txt-cut">{$vo.name}</li>
</volist>
</ul>
<input type="hidden" value="0" name="city_id" id="city_id">
<div style="display:none;">
<input type="submit" id="city_submit"/>
</div>
</form>
</div>
<!-- 亲临现场 -->
<div class="first_scene">
... ... @@ -270,6 +277,12 @@
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
var value = $('#cityName').val();
if(value != ''){
$('.show_city').text(value);
}else{
$('.show_city').text('所有');
}
$('.first_search').click(function() {
if ($('.first_search_right_img img').attr('src') == "__TMPL__/public/assets/images/down2.png") {
$('.first_search_right_img img').attr('src', "__TMPL__/public/assets/images/upjian.png");
... ... @@ -280,8 +293,8 @@
}
});
$('.first_searchUl li').click(function() {
var txt = $(this).text();
$('.first_search_left_word').text(txt);
$('#city_id').val($(this).val());
$('form').submit();
});
// 星域秀场视频
var video = document.getElementById("video");
... ...
... ... @@ -44,13 +44,14 @@
</head>
<body>
<div class="vi_maks">
<notempty name="res_djxq.video">
<div class="vi_maks" id="mask">
<div class="vi_video">
<video src="{:cmf_get_file_download_url($res_xqyy.video)}" id="video2" style="height: 3.4rem;width: 100%;" autoplay="autoplay" controls controlslist="nodownload"></video>
<video src="{:cmf_get_file_download_url($res_djxq.video)}" id="video2" style="height: 3.4rem;width: 100%;" autoplay="autoplay" controls controlslist="nodownload"></video>
<img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="" />
</div>
</div>
</notempty>
<!-- 顶部导航 -->
<include file="public@header" />
<div class="top">
... ... @@ -80,8 +81,8 @@
<div class="state_state_name">
<span>北极</span>
<ul class="star_happy_box">
<notempty name="res_city.20.name">
<volist name="res_city.20.name" id="vo">
<notempty name="res_city.43.name">
<volist name="res_city.43.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
... ... @@ -216,16 +217,21 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.1">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one"><span></span></div>
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
<div class="center_card_cantant">
<div class="center_card_catant_one">慕尼黑啤酒节</div>
<div class="center_card_catant_two">日本札幌冰雪</div>
<div class="center_card_catant_one">{$res_month.1.post_title}</div>
<div class="center_card_catant_two">{$res_month.1.category_name}</div>
</div>
</a>
</div>
</notempty>
</div>
</div>
<!-- 二月 -->
... ... @@ -239,20 +245,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.2">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">February <span>2</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.2.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.2.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 三月 -->
... ... @@ -266,20 +276,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.3">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">March <span>3</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.3.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.3.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 四月 -->
... ... @@ -293,18 +307,25 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.4">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">April <span>4</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<div class="center_card_catant_one"> 慕尼黑啤酒节
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
<div class="center_card_catant_one">
{$res_month.4.post_title}
</div>
<div class="center_card_catant_two">日本札幌冰雪</div>
<div class="center_card_catant_two">
{$res_month.4.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 五月 -->
<div class="center_card_bg">
... ... @@ -317,20 +338,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.5">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">May <span>5</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.5.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.5.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 六月 -->
... ... @@ -344,20 +369,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.6">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">June<span>6</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.6.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.6.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 七月 -->
... ... @@ -371,20 +400,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.7">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">July <span>7</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.7.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.7.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 八月 -->
... ... @@ -398,20 +431,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.8">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">August <span>8</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.8.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.8.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 九月 -->
... ... @@ -425,20 +462,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.9">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">September <span>9</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.9.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.9.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 十月 -->
... ... @@ -452,20 +493,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.10">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">October <span>10</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.10.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.10.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 十一月 -->
... ... @@ -479,20 +524,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.11">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">November <span>11</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.11.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.11.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
<!-- 十二月 -->
... ... @@ -506,20 +555,24 @@
</div>
<!-- 翻转后 -->
<div class=" reverse hovers">
<notempty name="res_month.12">
<div class="center_card_img">
<img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
<img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}" alt="" />
</div>
<div class="center_card_month">
<div class="center_card_one">December <span>12</span></div>
<div class="center_card_one"><span></span></div>
<div class="center_card_cantant">
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
<div class="center_card_catant_one">
慕尼黑啤酒节
{$res_month.12.post_title}
</div>
<div class="center_card_catant_two">
日本札幌冰雪
{$res_month.12.category_name}
</div>
</a>
</div>
</div>
</notempty>
</div>
</div>
</div>
... ...
... ... @@ -23,16 +23,15 @@
<body>
<include file="public@header" />
<div class="mask">
123544655464
</div>
<!-- 视频 -->
<div class="fourth_video">
<div class="fourth_video_center">
<div class="video_bg">
<img class="video_poster iop" src="" alt="">
<img class="video_poster iop" src="" alt="" style="z-index:50;">
<video src="" id="video" width="100%" style="height: 3.4rem;" controlsList="nodownload"></video>
</div>
<div class="fourth_video_start">
<div class="fourth_video_start" style="z-index: 100;">
<img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" />
</div>
</div>
... ... @@ -52,8 +51,11 @@
<volist name="city_name" id="vo">
<li value="{$vo.id}">{$vo.name}</li>
</volist>
<input type="hidden" value="0" name="city_id" id="city_id">
</ul>
<input type="hidden" value="0" name="city_id" id="city_id">
<div style="display:none;">
<input type="submit" id="city_submit"/>
</div>
</form>
</div>
</div>
... ... @@ -115,27 +117,32 @@
$('video').bind('contextmenu', function() {
return false;
});
//登录
var users = $('#users').val();
if(users == 0) {
//监听播放时间
video_mask('您还不是会员，可试看20秒');
var video = document.getElementById('video');
//使用事件监听方式捕捉事件
video.addEventListener("timeupdate", function() {
video.addEventListener("timeupdate", function () {
var timeDisplay;
//用秒数来显示当前播放进度
timeDisplay = Math.floor(video.currentTime);
console.log(Math.floor(video.currentTime));
video.addEventListener('play', function() {
video.addEventListener('play', function () {
video.currentTime = 0;
});
//当视频播放到 15s的时候做处理
if (timeDisplay >= 5) {
video.addEventListener('play', function() {
if (timeDisplay >= 20) {
video.addEventListener('play', function () {
video.currentTime = 0;
}),
$('.video_mask').show();
video_mask('会员可观看完整视频');
video.pause();
}
}, false);
}
// 星域秀场视频
var video = document.getElementById("video");
... ... @@ -176,15 +183,28 @@
$('.curren').children('li').find('.txt-cut').css('color', 'rgba(153, 153, 153, 1)');
switch_video(index);
});
$(".select ul li").click(function() {
$(".select input").val($(this).text());
$(".select ul").hide();
var index = $(this).index();
$(".curren")
.eq(index)
.addClass("video_active")
.siblings()
.removeClass("video_active");
// $(".select ul li").click(function() {
// $(".select input").val($(this).text());
// $(".select ul").hide();
// var index = $(this).index();
// $(".curren")
// .eq(index)
// .addClass("video_active")
// .siblings()
// .removeClass("video_active");
// });
var value = $('#cityName').val();
if(value != ''){
$('.show_city').val(value);
}else{
$('.show_city').val('所有');
}
//下拉框选择城市
$('.select ul li').click(function() {
$('#city_id').val($(this).val());
$('form').submit();
});
//切换视频
... ... @@ -205,7 +225,7 @@
// $('.video_poster').css('z-index', '10');
$('.fourth_video_start').css({
'z-index': "11",
'z-index': "100",
"display": "block"
});
... ...
... ... @@ -898,7 +898,7 @@ body {}
}
.first_search_right {
margin-right: 0.32rem
margin-left: 0.5rem;
}
... ...
.mask{
position:fixed;
/*left: 44%;*/
top: 30%;
left: 48%;
transform: translate(-30%,-48%);
-webkit-transform: translate(-30%,-48%);
-o-transform: translate(-30%,-48%);
-moz-transform: translate(-30%,-48%);
-ms-transform: translate(-30%,-48%);
display: none;
/*top: 300px;*/
padding: 16px 32px;
box-sizing:border-box;
background:rgba(0,0,0,0.6);
border-radius:10px;
font-size:13px;
color:rgba(255,255,255,1);
.mask {
position: fixed;
/* left: 44%; */
top: 32%;
left: 50%;
transform: translate(-52%, -45%);
-webkit-transform: translate(-52%, -45%);
-o-transform: translate(-52%, -45%);
-moz-transform: translate(-52%, -45%);
-ms-transform: translate(-52%, -45%);
/* display: none; */
/* top: 300px; */
padding: 0.24rem 0.32rem;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.6);
border-radius: 0.1rem;
font-size: 0.18rem;
color: rgba(255, 255, 255, 1);
z-index: 1000;
}
\ No newline at end of file
... ...
... ... @@ -162,6 +162,15 @@ function mask(msg) {
},4000);
}
//弹框
function video_mask(msg) {
$('.mask').text(msg);
$('.mask').show();
setTimeout(function(){
$('.mask').hide();
$('.mask').text('');
},6000);
}
//点赞收藏
function operation(url){
var article_id = getUrlParam('id');
... ...