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

时间: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=&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行图片信息(或者把原来的注释加在后面)
<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>
也可以把两段代码到换,视频在上,图片在下,效果如下

超人男神女神投票 前端 视频信息移至最顶端显示方法插图
如果嫌麻烦也可直接下载文件替换下即可。
猜你需要

豫ICP备2021026617号-1  豫公网安备:41172602000185   Copyright © 2021-2028 www.78moban.com/ All Rights Reserved

本站作品均来自互联网,转载目的在于传递更多信息,并不代表本站赞同其观点和对其真实性负责。如有侵犯您的版权,请联系 1565229909#qq.com(把#改成@),我们将立即处理。