调用的 Flash 视频如何配合响应式设计？

[kmvan]

貌似调用的 flash 代码，都是写死了 width 和 height，那在一个响应式页面中，这些视频是如何才能做到“响应式”呢？

还有还有，Google ADsense 广告，貌似也不能做到响应式显示大小。这些媒体资源，大家是怎么做到配合响应式设计的呢？3Q

[helone]

width和height难道不能变么？控制好比例就行了~

[kmvan]

问题是，怎么动态变化呢？要用JS吗？因为用的是百分比的 响应式设计，w和h写不了百分比……

[rocyhua]

w和h可以写100%的，然后再DIV控制就可以了。

[kmvan]

它的 object 是这样的，例如 渣浪播放器：
<object id="sinaplayer" width="600" height="360"...>
里面的w和h，没有单位，实际上是px。里面可以直接用 100%？

[rocyhua]

@kmvan width和height都可以写100%，Flash播放器是支持的。本来Flash就可以设置百分比或者实际像素。

[learnshare]

object 的外部元素做响应，里边的 object 宽度 100% 就 OK

[66beta]

需要RPD的情况，大部分情况下应该用不了flash了吧

[zheitang]

把我珍藏的一份拿出来了 http://www.labnol.org/internet/google-adsense-responsive-design/25252/

非常详细的讲了关于 Google ADsense 广告如何使用响应式设计，还贴了代码。

[Kaiyuan]

http://fitvidsjs.com/

或者简单一点的办法。
http://cdpn.io/pcuKa

https://gist.github.com/8631343

[kmvan]

@Kaiyuan 是的，我也有这种想法。但后来发现，图片要手动添加 data-*，这类型的attribute，十分不方便（因为客户sb，不懂源码编辑器）。于是我就用了css max-width 来代替了。这样即使图片有固定的w和h，父元素即使再小，也不会超出。当然，这是不考虑过时的IE6.

[kmvan]

@zheitang 给力！我也珍藏了

[Kaiyuan]

@kmvan 改进了一下，因为 jQuery 2.x 是修改 css 设置大小（1.9 没测试过），所以可以直接获取 .attr('width') 如果客户直接粘贴有宽度和高度的参数的话不需要 data。