超人男神女神投票 前端 视频信息移至最顶端显示方法

超人男神女神投票有用户想修改把投票页的信息视频信息移至最顶端,该方法适用于任何版本,顺便也把该方法分享一下

找到前端文件 /addons/xiaof_toupiao/template/mobile/show.html

大概315行,找到该段代码视频信息

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
{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=&quot;avc1.42E01E, mp4a.40.2&quot;" />
</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行图片信息(或者把原来的注释加在后面)

1
2
3
4
5
6
7
8
9
10
11
12
<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>

也可以把两段代码到换,视频在上,图片在下,效果如下
超人男神女神投票 前端 视频信息移至最顶端显示方法插图

如果赚麻烦也可直接下载文件替换下即可

服务声明: 本网站所有发布的源码、软件和资料均为作者提供或网友推荐收集各大资源网站整理而来,仅供功能验证和学习研究使用,您必须在下载后24小时内删除。不得使用于非法商业用途,不得违反国家法律,否则后果自负!一切关于该资源商业行为与本站无关。如果您喜欢该程序,请购买正版源码,能得到更好的正版售后服务。如有侵犯你的版权合法权益,请邮件或QQ与我们联系处理(邮箱:3089659733@qq.com),本站将立即删除改正。

播播资源 » 超人男神女神投票 前端 视频信息移至最顶端显示方法

发表回复