gpt4 book ai didi

ruby-on-rails-3 - 如何使用 Twitter Bootstrap 实现响应式 Youtube 嵌入 iframe?

转载 作者:行者123 更新时间:2023-12-03 09:13:39 25 4
gpt4 key购买 nike

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

.row
.span12
%iframe.span11{ :height => "720", :frameborder => "0", :allowfullscreen => nil, :src => v.video_url }

不幸的是,由于静态高度,这在调整浏览器大小或在移动设备上时响应不佳。

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

最佳答案

试试这个“响应式视频 CSS”,它非常适合我:https://gist.github.com/2302238

<section class="row">
<div class="span6">
<div class="flex-video widescreen"><iframe src="https://www.youtube-nocookie.com/embed/..." frameborder="0" allowfullscreen=""></iframe></div>
</div>
<div class="span6">
...
</div>
</section>

关于ruby-on-rails-3 - 如何使用 Twitter Bootstrap 实现响应式 Youtube 嵌入 iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12166784/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com