联系我们

微信扫描上方二维码

迅睿框架 版主:迅睿框架研发组
视频页面手机端访问,视频宽度无法自适应
类型:迅睿CMS 更新时间:2022-09-22 23:18:16

视频上传到对应栏目,PC访问页面显示正常,但是手机端访问,视频宽度会很长,尝试设置了/static/assets/editor/summernote.min.js 搜索640,全部改为100%,依然未能解决。



回帖
  • 迅睿框架联合创始人
    #1楼    迅睿框架联合创始人
    2022-09-21 22:59:30
    诺基亚手机 0
    前端展示界面用css代码控制播放宽度就行了,设置100%
  • system32
    #2楼    system32
    2022-09-21 23:18:47
    Chrome 0
    迅睿框架联合创始人  请老师给予详细指导,谢谢!
  • 守望天空
    #3楼    守望天空
    2022-09-21 23:21:33
    Chrome 0
    写一句css就可以了啊,js不需要修改
  • system32
    #4楼    system32
    2022-09-21 23:29:44
    Chrome 0
    守望天空  老师是说在show页面里面头部写入css对吗?
  • system32
    #5楼    system32
    2022-09-21 23:40:19
    Chrome 0
    我在手机模板的目录下找到show内容页模板,在内容前端加了CSS   <style>video {    width: 100%;    height: auto;}</style>但是问题依然如故。
  • 优速开发工作室
    #6楼    优速开发工作室
    2022-09-21 23:48:12
    Chrome 0
    <style>
    video {
        width: 100%  !important;
        max-width: 100%  !important;
        height: auto;
    }
    </style>


  • system32
    #7楼    system32
    2022-09-21 23:52:14
    Chrome 0
    优速开发工作室  {template "header.html"}<header class="hui-header">    <style>video {    width: 100%  !important;    max-width: 100%  !important;    height: auto;}</style>    <div id="hui-back"></div>    <h1>{$title}</h1>    <a id="hui-search" href="javascript:dr_m_top_category();"><i class="fa fa-navicon"></i></a></header><div class="hui-header-line"></div><div class="page-content margin-top-20">        <div class="search-page search-content-2">            <div class="portlet light">                <div class="portlet-title">                    <div class="caption">                        <span class="caption-subject font-dark  ">{$title}</span>                    </div>                </div>                <div class="search-post-foot fc-content-tool">                    <div class="search-post-meta">                        <i class="fa fa-calendar font-blue"></i>                        <a href="javascript:;">{$updatetime}</a>                    </div>                    <div class="search-post-meta">                        <i class="fa fa-fire font-blue"></i>                        <a href="javascript:;">{dr_show_hits($id)}次</a>                    </div>                </div>                <div class="portlet-body" style="height: auto;overflow: hidden;">                    <div class="row">                        <div class="col-md-12 xrcontent">                            {dr_text_rel($content)}                        </div>                        <div class="col-md-12">                            <div class="blog-single-foot fc-news-tag-list">                                <ul class="blog-post-tags">                                    {loop $kws $name $url}                                    <li class="uppercase">                                        <a href="{$url}">{$name}</a>                                    </li>                                    {/loop}                                </ul>                            </div>                        </div>                    </div>                </div>                <div class="blog-single-foot">                    <p class="fc-show-prev-next">                        <strong>上一篇:</strong>{if $prev_page}<a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if}<br>                    </p>                    <p class="fc-show-prev-next">                        <strong>下一篇:</strong>{if $next_page}<a href="{$next_page.url}">{$next_page.title}</a>{else}没有了{/if}                    </p>                </div>            </div>        </div></div>{template "footer.html"}依然不生效
  • 老李工作室
    #8楼    老李工作室
    2022-09-22 10:02:45
    小米手机 0
    <style>
    video {
        max-width: 100%  !important;
        height: auto;
    }
    </style>
    这个可以试下
  • 云水
    #9楼    云水
    2022-09-22 17:07:53
    Chrome 0

    image

     视频的宽度已经在html里面写死了,你需要修改这里
  • system32
    #10楼    system32
    2022-09-22 21:55:32
    Chrome 0
    云水  大佬您好!请问这个页面是在哪里?谢谢!
  • system32
    #11楼    system32
    2022-09-22 21:55:54
    Chrome 0
    老李工作室  感谢大佬!改了,依然没有效果。
  • system32
    #12楼    system32
    2022-09-22 23:18:16
    Chrome 0
    谢谢各位大佬!还是要多动手,多摸索,页面头部添加样式表,完美解决。
    <style>
    video {
        max-width: 100%  !important;
        height: auto;
    }
    </style>