如何设置wap页面的视频高度自适应？

答案:2 悬赏:80 手机版

解决时间 2021-02-12 16:24

提问者网友：棒棒糖
2021-02-11 21:01

求教，假如现在有一篇文章A，
在文章A里面插入了一个视频B，
此时文章A的web端，视频B的宽度和高度设置为600x500，
--------问题来了-----------

用手机访问文章A的时候会自动切换为wap端，
这个时候视频B超出了手机屏幕了，
怎么样写宽高代码才能让手机上看文章A的时候，视频B的高度和宽度自动调整到合适的尺寸？
-------备注--------
为了iOS设备可以观看，使用的是通用地址，也就是iframe的那个视频地址。

最佳答案

五星知识达人网友：一叶十三刺
2021-02-11 22:04

直接修改视频的style应该是没办法做到完全适配，有模版修改权限的话，建议还是修改到模版里吧，电脑版和手机版的css都分别对视频进行控制一下，省去以后每次加视频都要改样式的麻烦。

全部回答

1楼网友：不甚了了
2021-02-11 22:46

建议你去搜索“FitVids” 了解一下， FitVids.JS —— 让视频响应屏幕尺寸变化再看看别人怎么说的。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息