联系官方销售客服

1835022288

028-61286886

问题 求助问题 分享经验 开发需求
开发框架 版主：迅睿框架研发组
视频页面手机端访问，视频宽度无法自适应
knetuser
类型：迅睿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>