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

This topic created in 4536 days ago, the information mentioned may be changed or developed.

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

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

12 replies • 1970-01-01 08:00:00 +08:00

helone

Jan 26, 2014

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

kmvan

Jan 26, 2014

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

rocyhua

Jan 26, 2014

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

kmvan

Jan 26, 2014

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

rocyhua

Jan 26, 2014

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

learnshare

Jan 26, 2014

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

66beta

Jan 26, 2014

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

zheitang

Jan 26, 2014

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

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

Kaiyuan

Jan 26, 2014

kmvan

Jan 30, 2014

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

kmvan

Jan 30, 2014

@zheitang 给力！我也珍藏了

Kaiyuan

Jan 30, 2014

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