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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4280 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

12 条回复 1970-01-01 08:00:00 +08:00

helone

2014-01-26 11:54:30 +08:00

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

kmvan

2014-01-26 12:30:35 +08:00

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

rocyhua

2014-01-26 13:30:05 +08:00

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

kmvan

2014-01-26 13:37:05 +08:00

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

rocyhua

2014-01-26 13:40:32 +08:00

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

learnshare

2014-01-26 13:48:17 +08:00

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

66beta

2014-01-26 14:39:23 +08:00

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

zheitang

2014-01-26 18:06:11 +08:00

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

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

Kaiyuan

2014-01-26 19:28:43 +08:00

kmvan

2014-01-30 12:26:32 +08:00

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

kmvan

2014-01-30 12:27:22 +08:00

@zheitang 给力！我也珍藏了

Kaiyuan

2014-01-30 17:35:15 +08:00

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