【问题标题】:Get video size in youtube在 youtube 中获取视频大小
【发布时间】:2013-11-27 17:03:01
【问题描述】:
我想将视口设置为 youtube 视频中的视频大小。在任何 Flash 视频中,<embed> 标签的 flashvars 属性都有类似 adaptive_fmts=size%3D1280x720 的细节,我需要 1280 和 720。
我想知道的是,有没有办法在 CSS3 中将视口(称为 #player-api)设置为这种大小纯粹?或者说,我可以加载一个简单的 javascript 来处理它吗?
【问题讨论】:
标签:
javascript
css
youtube
【解决方案1】:
我自己找到的..
没有 CSS 方法.. 至少在 CCS4 之前没有。
使用 jQuery 更容易的一种方法是:
var jqs = document.createElement('script');
jqs.src = "//code.jquery.com/jquery-1.10.2.min.js";
document.getElementsByTagName('head')[0].appendChild(jqs);
//wait until jQuery has a chance to load. then...
jQuery.noConflict();
var wh = jQuery("#player-api embed").attr("flashvars").match(/adaptive_fmts=size\%3D(.\d+)x(.\d+)/);
// now wh[1] is width and wh[2] is height
jQuery("#player-api").width(wh[1]).height(wh[2])
这在元素上使用 javascript 的 .match 以返回数组中的详细信息。