V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
kmvan
V2EX  ›  问与答

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

  •  
  •   kmvan · 2014-01-26 10:58:27 +08:00 · 3418 次点击
    这是一个创建于 3715 天前的主题,其中的信息可能已经有所发展或是发生改变。
    貌似调用的 flash 代码,都是写死了 width 和 height,那在一个响应式页面中,这些视频是如何才能做到“响应式”呢?

    还有还有,Google ADsense 广告,貌似也不能做到响应式显示大小。这些媒体资源,大家是怎么做到配合响应式设计的呢?3Q
    12 条回复    1970-01-01 08:00:00 +08:00
    helone
        1
    helone  
       2014-01-26 11:54:30 +08:00
    width和height难道不能变么?控制好比例就行了~
    kmvan
        2
    kmvan  
    OP
       2014-01-26 12:30:35 +08:00
    问题是,怎么动态变化呢?要用JS吗?因为用的是百分比的 响应式设计,w和h写不了百分比……
    rocyhua
        3
    rocyhua  
       2014-01-26 13:30:05 +08:00
    w和h可以写100%的,然后再DIV控制就可以了。
    kmvan
        4
    kmvan  
    OP
       2014-01-26 13:37:05 +08:00
    它的 object 是这样的,例如 渣浪播放器:
    <object id="sinaplayer" width="600" height="360"...>
    里面的w和h,没有单位,实际上是px。里面可以直接用 100%?
    rocyhua
        5
    rocyhua  
       2014-01-26 13:40:32 +08:00   ❤️ 1
    @kmvan width和height都可以写100%,Flash播放器是支持的。本来Flash就可以设置百分比或者实际像素。
    learnshare
        6
    learnshare  
       2014-01-26 13:48:17 +08:00
    object 的外部元素做响应,里边的 object 宽度 100% 就 OK
    66beta
        7
    66beta  
       2014-01-26 14:39:23 +08:00
    需要RPD的情况,大部分情况下应该用不了flash了吧
    zheitang
        8
    zheitang  
       2014-01-26 18:06:11 +08:00   ❤️ 1
    把我珍藏的一份拿出来了 http://www.labnol.org/internet/google-adsense-responsive-design/25252/

    非常详细的讲了关于 Google ADsense 广告如何使用响应式设计,还贴了代码。
    Kaiyuan
        9
    Kaiyuan  
       2014-01-26 19:28:43 +08:00   ❤️ 1
    kmvan
        10
    kmvan  
    OP
       2014-01-30 12:26:32 +08:00
    @Kaiyuan 是的,我也有这种想法。但后来发现,图片要手动添加 data-*,这类型的attribute,十分不方便(因为客户sb,不懂源码编辑器)。于是我就用了css max-width 来代替了。这样即使图片有固定的w和h,父元素即使再小,也不会超出。当然,这是不考虑过时的IE6.
    kmvan
        11
    kmvan  
    OP
       2014-01-30 12:27:22 +08:00
    @zheitang 给力!我也珍藏了
    Kaiyuan
        12
    Kaiyuan  
       2014-01-30 17:35:15 +08:00
    @kmvan 改进了一下,因为 jQuery 2.x 是修改 css 设置大小(1.9 没测试过),所以可以直接获取 .attr('width') 如果客户直接粘贴有宽度和高度的参数的话不需要 data。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2740 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 12:24 · PVG 20:24 · LAX 05:24 · JFK 08:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.