小编pgl*_*rdo的帖子

如何使用Twitter Bootstrap实现响应式Youtube嵌入iframe?

目前,我正在基于Twitter Bootstrap的网站中嵌入带有以下HAML代码的Youtube视频:

.row
  .span12
    %iframe.span11{ :height => "720", :frameborder => "0", :allowfullscreen => nil, :src => v.video_url }
Run Code Online (Sandbox Code Playgroud)

不幸的是,由于静态高度,在调整浏览器或移动设备的大小时,这不会很好.

为Youtube实现这个嵌入式iframe的更好(更具动态性和响应性)的方法是什么?

youtube-api ruby-on-rails-3 responsive-design twitter-bootstrap

29
推荐指数
2
解决办法
4万
查看次数