我想将视口(viewport)设置为 YouTube 视频中的视频大小。在任何 Flash 视频中,<embed>
标签的 flashvars
属性的详细信息类似于 adaptive_fmts=size%3D1280x720
我需要 1280 和 720。
我想知道的是,有没有办法在 CSS3 中纯粹将视口(viewport)(称为 #player-api
)设置为这个大小?或者,我可以加载什么简单的 javascript 来处理它?</p>
最佳答案
我自己发现的..
没有 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
返回数组中的详细信息。
关于javascript - 在 youtube 中获取视频大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20248623/