视频页面手机端访问，视频宽度无法自适应

迅睿框架更新 2022-09-22 23:18:16

knetuser

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

Screenshot_20220921_225103

Screenshot_20220921_225108_com

Screenshot_20220921_225117_com

方案

迅睿框架联合创始人 #1 · 2022-09-21 22:59:30

前端展示界面用css代码控制播放宽度就行了，设置100%
system32 #2 · 2022-09-21 23:18:47

迅睿框架联合创始人请老师给予详细指导，谢谢！
守望天空 #3 · 2022-09-21 23:21:33

写一句css就可以了啊，js不需要修改
system32 #4 · 2022-09-21 23:29:44

守望天空老师是说在show页面里面头部写入css对吗？
system32 #5 · 2022-09-21 23:40:19

我在手机模板的目录下找到show内容页模板，在内容前端加了CSS <style>video { width: 100%; height: auto;}</style>但是问题依然如故。

优速开发工作室 #6 · 2022-09-21 23:48:12

<style>
video {
    width: 100%  !important;
    max-width: 100%  !important;
    height: auto;
}
</style>

system32 #7 · 2022-09-21 23:52:14

优速开发工作室 {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

<style>
video {
    max-width: 100%  !important;
    height: auto;
}
</style>

这个可以试下

云水 #9 · 2022-09-22 17:07:53

视频的宽度已经在html里面写死了，你需要修改这里
system32 #10 · 2022-09-22 21:55:32

云水大佬您好！请问这个页面是在哪里？谢谢！
system32 #11 · 2022-09-22 21:55:54

老李工作室感谢大佬！改了，依然没有效果。
system32 #12 · 2022-09-22 23:18:16
谢谢各位大佬！还是要多动手，多摸索，页面头部添加样式表，完美解决。
```
<style>
video {
    max-width: 100%  !important;
    height: auto;
}
</style>
```

迅睿系统漏洞

视频页面手机端访问，视频宽度无法自适应

方案

AI文章生成器（2026-10-09）

媒体交易系统（2026-10-09）

GeoSeo收录宝（2026-10-07）

文件管理器（2026-10-05）

GEO系统（2026-10-05）

手机微信登录（2026-10-02）

图标库管理（2026-10-02）

广告投放管理（2026-09-30）

模板界面管理（2026-09-30）

GeoSeo工具箱（2026-09-29）