[体验优化]视频在手机上宽度自适应的修改

kenw2004
kenw2004 这家伙很懒,还没有设置简介

3 人点赞了该文章 · 5384 浏览

手机太小的情况下,视频播放超出宽度,用户体验不好,这样修改一下就可以了:  对应文件:\system\Services\VideoUrlParser.php   查找:width="640" height="400"  (有两处,<iframe 里可以不用改,改了也没用) 改为:width="640" height="400" style="max-width:100%; max-height:80%"   查找:width="560" height="360"  (有两处) 改为:width="560" height="360" style="max-width:100%; max-height:80%"   手机屏幕太小的话,高度适应还是不太完美,不过已经不影响正常观看了。   如果你的站有大量视频,希望完美适应的话,可以试试 FitVids 这个JQ插件

发布于 2015-12-19 04:35

免责声明:

本文由 kenw2004 原创发布于 WeCenter ,著作权归作者所有。

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

那片星空
2016-04-16 21:53
测楼内直回
黑克仔
2016-03-16 15:26
是的啊,不错,
黑克仔
2016-03-16 15:25
还行,感谢分享!
锋酱
2016-01-22 10:17
是VideoUrlParser.php里的行内式吗?我修改了iframe的width=100% 测试挺正常的。
kenw2004
2016-01-20 13:19
iframe 不能这样实现自适应,要自适应的话,要使用js动态调整,就有点麻烦了
锋酱
2016-01-20 09:09
设置iframe的width=100% ,不然U2B的视频还是到处跑
1114391317
2015-12-28 22:02
不错,学习了
柚游戏
2015-12-21 21:25
感谢分享
星壹醉
2015-12-19 16:19
感谢分享