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

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

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

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

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