javascript - 在 youtube 中获取视频大小

标签 javascript css youtube

我想将视口(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/

相关文章:

JavaScript函数到 'get element by parent class'并赋值

javascript - 另一个完成后播放下一个 youtube src

javascript - 字符串转二维数组

javascript - TS2304 在电子生成器中找不到名称 'Set'

html - 如何修复 Safari 和 FireFox 中的阿拉伯字体?

php - 如何在YouTube中获取最近24小时访问量最大的视频的RSS提要

css - 使用 CSS 媒体查询改变 YouTube 视频质量

javascript - 使用 web-audio-draw 的麦克风音量 (rserota/wad)

javascript - Gmail 移动 CSS 和 JavaScript 框架的任何替代品?

html - 添加 style.css 后 Wordpress 不工作