我正在尝试获取 YouTube 视频的大小。我正在使用 Gdata API 调用来检索基本信息（标题、URL、缩略图和类别），但我找不到视频尺寸。
我正在使用 YouTube 数据 API 服务器端调用在网站上嵌入一些视频，如下所示：http://gdata.youtube.com/feeds/api/videos/z_AbfPXTKms?0=v&1=2&alt=json。不幸的是，没有关于视频尺寸的可靠信息（所有预览图像都是 4/3 比例，即使是宽屏视频）。
我想要完成的是将视频完全适合播放器；播放器宽度是固定的，所以我只需要原始尺寸或至少是比例。
有没有办法使用 Youtube API 检索此类数据？
（我的后备计划是将播放器大小设置为 4/3 并且从不回头，但感谢任何帮助！）
【问题讨论】：
标签： video youtube-api
您还可以通过 YouTube 的 oEmbed 实现来获得它。示例：
https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=hUvbb_eUP84&format=xml
format=json 也被接受。
【讨论】：
如果您想从问题中获取示例视频的尺寸：
然后试试这个 URL，使用 Noembed:
它将返回以下 JSON：
{
"version": "1.0",
"title": "まるです。",
"author_name": "mugumogu",
"provider_url": "https://www.youtube.com/",
"width": 459,
"height": 344,
"thumbnail_height": 360,
"type": "video",
"thumbnail_width": 480,
"provider_name": "YouTube",
"url": "https://www.youtube.com/watch?v=z_AbfPXTKms",
"author_url": "https://www.youtube.com/user/mugumogu",
"html": "\n<iframe width=\" 459\" height=\"344\" src=\"https://www.youtube.com/embed/z_AbfPXTKms?feature=oembed\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"></iframe>\n",
"thumbnail_url": "https://i.ytimg.com/vi/z_AbfPXTKms/hqdefault.jpg"
}
它还支持跨域请求的 JSONP：
有关更多信息，请参阅此答案：
一个使用 jQuery 的简单演示：
var id = 'z_AbfPXTKms';
var url = 'https://www.youtube.com/watch?v=' + id;
$.getJSON('https://noembed.com/embed',
{format: 'json', url: url}, function (data) {
alert('Dimensions: ' + data.width + 'x' + data.height);
});
在 JSBin 上查看 DEMO。
【讨论】：
现在有一个解决办法：如果你把视频公共页面刮掉：
http://www.youtube.com/watch?v=[id]
可以看到打开的图宽高标签，例如：
<meta property="og:video:width" content="1920">
<meta property="og:video:height" content="1080">
所以你可以在那里得到尺寸;-)
【讨论】：
遵循 Isra 的解决方案。 是的，youtube 似乎没有开发他们的 oEmbed API 代码，因为 videoFrameSize 返回 470 x 270 像素。 但至少它可以让你动态地抓住一些东西！
使用“Lee taylor”提出的“suck it ans see”方法是实现此目的的 KISS 方式，但如果您需要动态内容，则不理想。
好的 - 请记住 oEmbed 提供的不准确尺寸 - 它确实提供了解决方案。
我目前正在为所有链接到 YouTube 视频的图库中的视频内容开发 strusturedData 生成器。
这是从 youtube 获取维度的不准确方法，但至少是其数据！
如何从 youtube 获取视频大小。
第 1 阶段： 从 youtube 调用 oEmbed 数据::
$video_id = "your youtube videos unique ID number ";
$oEmbed = simplexml_load_file('http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v=' . $video_id . '&format=xml');
第 2 阶段：
$data['height'] = $oEmbed->height;
$data['width'] = $oEmbed->width;
$data['videoFrameSize'] = $oEmbed->height . "x" . $oEmbed->width . "px";
第 3 阶段：
在你的编码中使用你觉得最好的变量::
【讨论】：
如果你像这样加载youtube视频，只有在视频加载后才能触发javascript函数。
<script src="https://www.youtube.com/iframe_api"></script>
<center>
<div class="videoWrapper">
<div id="player"></div>
</div>
</center>
<script>
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId:'xxxxxxxxxxx',playerVars: { controls:0,autoplay:0,disablekb:1,enablejsapi:1,iv_load_policy:3,modestbranding:1,showinfo:0,rel:0,theme:'light' }
} );
resizeHeroVideo();
}
</script>
视频加载后调用resizeHeroVideo。
var player = null;
$( document ).ready(function() {
resizeHeroVideo();
} );
$(window).resize(function() {
resizeHeroVideo();
});
function resizeHeroVideo() {
var content = $('#hero');
var contentH = viewportSize.getHeight();
contentH -= 158;
content.css('height',contentH);
if(player != null) {
var iframe = $('.videoWrapper iframe');
var iframeH = contentH - 150;
if (isMobile) {
iframeH = 163;
}
iframe.css('height',iframeH);
var iframeW = iframeH/9 * 16;
iframe.css('width',iframeW);
}
}
然后我们计算尺寸以使其在页面中心的位置保持在适当的 16:9 纵横比。
【讨论】：