Question

我想将视口设置为YouTube视频中的视频大小。在任何Flash视频中，<embed>标记的flashvars属性都有adaptive_fmts=size%3D1280x720之类的详细信息，我需要1280和720.

我想知道的是，有没有办法在CSS3中将视口（称为#player-api）设置为此大小纯粹？或者说，我可以加载什么是一个简单的javascript来处理它？</ p>

Answer 1

我自己找到..

至少在CCS4之前没有CSS方法..没有。使用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来返回数组中的详细信息。

在youtube中获取视频大小

1 个答案: