超人男神女神投票 前端 视频信息移至最顶端显示方法
时间:2023年09月26日
/来源:网络
/编辑:佚名
超人男神女神投票有用户想修改把投票页的信息视频信息移至最顶端,该方法适用于任何版本,顺便也把该方法分享一下
找到前端文件 /addons/xiaof_toupiao/template/mobile/show.html
大概315行,找到该段代码视频信息
{if $contestantitem['video']}
<div class="act-info act-describe">
<div class="act-describe-title custom-font-color player-describe-title">- 选手视频 -</div>
<div class="act-describe-content player-describe-content">
<div class="weui-panel weui-panel_access wrapper">
<div id="video-container"><video id="video-show" style="width: 100%; height: 100%;" poster="{if $contestantitem['video_poster']}{php echo tomedia($contestantitem['video_poster'])}{else}{$contestantitem['video']}?vframe/jpg/offset/0|imageView2/1/w/496/h/280{/if}" preload="metadata" controls="controls" width="300" height="150">
<source src="{$contestantitem['video']}" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" />
</video>
<script language="javascript">
$(function(){
var md = document.getElementsByTagName("video")[0];
if(md.ended){
console.log("结束");
md.webkitExitFullScreen();
}
md.addEventListener("ended",function(){//判断视频播放结束
console.log("结束");
//md.webkitExitFullScreen();
//this.webkitExitFullScreen();
//this.srcObject = new window.webkitMediaStream;
//window.history.back(-1);
});
var pwidth = $(document).width();
if(pwidth >= 1024){
$("#video-show1").height(parseInt($(document).width()/2.13));
}else if(pwidth >= 720){
$("#video-show1").height(parseInt($(document).width()/1.60));
}else if(pwidth <= 480){
$("#video-show1").height(parseInt($(document).width()/1.33));
}
});
</script></div>
</div>
</div>
</div>
{/if}
替换掉168行图片信息(或者把原来的注释加在后面)
<div class="swiper-container" data-space-between="10" data-pagination=".swiper-pagination" data-autoplay="3000">
<div class="swiper-wrapper">{if $lists}
{loop $lists $thumbitem}
<div class="swiper-slide"><img src="{php echo tomedia($thumbitem['thumb']);}" width="100%" /></div>
{/loop}
{else}
<div class="swiper-slide"><a href="#">
<img src="{php echo tomedia($setting['thumb'][0]);}" width="100%" /></a></div>
{/if}
</div>
</div>
也可以把两段代码到换,视频在上,图片在下,效果如下
超人男神女神投票 前端 视频信息移至最顶端显示方法插图
如果嫌麻烦也可直接下载文件替换下即可。
找到前端文件 /addons/xiaof_toupiao/template/mobile/show.html
大概315行,找到该段代码视频信息
{if $contestantitem['video']}
<div class="act-info act-describe">
<div class="act-describe-title custom-font-color player-describe-title">- 选手视频 -</div>
<div class="act-describe-content player-describe-content">
<div class="weui-panel weui-panel_access wrapper">
<div id="video-container"><video id="video-show" style="width: 100%; height: 100%;" poster="{if $contestantitem['video_poster']}{php echo tomedia($contestantitem['video_poster'])}{else}{$contestantitem['video']}?vframe/jpg/offset/0|imageView2/1/w/496/h/280{/if}" preload="metadata" controls="controls" width="300" height="150">
<source src="{$contestantitem['video']}" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" />
</video>
<script language="javascript">
$(function(){
var md = document.getElementsByTagName("video")[0];
if(md.ended){
console.log("结束");
md.webkitExitFullScreen();
}
md.addEventListener("ended",function(){//判断视频播放结束
console.log("结束");
//md.webkitExitFullScreen();
//this.webkitExitFullScreen();
//this.srcObject = new window.webkitMediaStream;
//window.history.back(-1);
});
var pwidth = $(document).width();
if(pwidth >= 1024){
$("#video-show1").height(parseInt($(document).width()/2.13));
}else if(pwidth >= 720){
$("#video-show1").height(parseInt($(document).width()/1.60));
}else if(pwidth <= 480){
$("#video-show1").height(parseInt($(document).width()/1.33));
}
});
</script></div>
</div>
</div>
</div>
{/if}
替换掉168行图片信息(或者把原来的注释加在后面)
<div class="swiper-container" data-space-between="10" data-pagination=".swiper-pagination" data-autoplay="3000">
<div class="swiper-wrapper">{if $lists}
{loop $lists $thumbitem}
<div class="swiper-slide"><img src="{php echo tomedia($thumbitem['thumb']);}" width="100%" /></div>
{/loop}
{else}
<div class="swiper-slide"><a href="#">
<img src="{php echo tomedia($setting['thumb'][0]);}" width="100%" /></a></div>
{/if}
</div>
</div>
也可以把两段代码到换,视频在上,图片在下,效果如下
超人男神女神投票 前端 视频信息移至最顶端显示方法插图
如果嫌麻烦也可直接下载文件替换下即可。
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么?04-03
- 【建站知识】python3拉勾网爬虫之(您操作太频繁,请稍后访问)04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码,gb2312转为utf-804-03