动态调整Vimeo Video(或Youtube)的大小
Dynamic resize of Vimeo Video (or Youtube)
我用css添加到iframe
中width:100%;
height:auto;
但不适用于高度。
任何想法都比jquery脏修复更好
$(window).resize(function(){
var tempwidth=$(".vimeoiframe").width();
var tempheight=tempwidth/1.25;
$(".vimeoiframe").css("height",tempheight);
});
由于并非所有视频都具有此纵横比。
你应该看看这个jQuery插件,接缝是为你写
的在菲特维兹.js
CSS技巧上也有一整篇关于它的文章
流体宽度优酷视频
还有他的.net杂志文章
创建流体宽度视频
或者
您可以使用百分比比率,http://codepen.io/maxmckenzie/pen/hFzak 由于某种原因视频剂量未加载到代码笔中。
相关文章:
- 有可能过滤来自嵌入式YouTube的声音吗
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- ExtJS——在展开/折叠时调整面板高度
- Chrome应用程序调整窗口大小保持纵横比
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- 如何自动调整标签的高度以适应内容
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- html5视频中的Youtube类型注释
- 合并两个数组,重新调整循环js
- 链接和youtube的Javascript和regex
- Morris.js折线图x轴标签在调整大小后消失
- 可以't根据设备自动调整youtube播放器的大小
- 动态调整Vimeo Video(或Youtube)的大小
- 调整youtube视频的大小(在页面上单击)
- 嵌入Youtube视频在jQuery UI可调整大小的容器
- 嵌入Youtube视频全屏或导致调整大小
- 只调整youtube的iframe SRC