猿问

我们可以更改返回的 oembed YouTube iframe 宽度和高度吗?

现在 YouTube 返回分钟。宽度和高度。如何调整 GET 调用来更改返回html?例如:

"html": "<iframe width=\"400\" height=\"260\" src=\"https://www.youtube.com/embed/kFz9afj8lu0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"

当前 https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=kFz9afj8lu0

{

"title": "Can You Actually Game in 8K? (RTX 3090 Gameplay!)",

"author_name": "Marques Brownlee",

"author_url": "https://www.youtube.com/c/mkbhd",

"type": "video",

"height": 113,

"width": 200,

"version": "1.0",

"provider_name": "YouTube",

"provider_url": "https://www.youtube.com/",

"thumbnail_height": 360,

"thumbnail_width": 480,

"thumbnail_url": "https://i.ytimg.com/vi/kFz9afj8lu0/hqdefault.jpg",

"html": "<iframe width=\"200\" height=\"113\" src=\"https://www.youtube.com/embed/kFz9afj8lu0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"

}


子衿沉夜
浏览 129回答 0
0回答

慕妹3242003

看起来有一个 oEmbed 规范: https: //oembed.com如果你往下看部分2.2. 消费者要求您会注意到有maxwidth和maxheight选项。添加&maxwidth=400&maxheight=260到您的 GET 请求,如下所示:https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=kFz9afj8lu0&maxwidth=400&maxheight=260这将返回以下内容:{  "title": "Can You Actually Game in 8K? (RTX 3090 Gameplay!)",  "author_name": "Marques Brownlee",  "author_url": "https://www.youtube.com/c/mkbhd",  "type": "video",  "height": 225,  "width": 400,  "version": "1.0",  "provider_name": "YouTube",  "provider_url": "https://www.youtube.com/",  "thumbnail_height": 360,  "thumbnail_width": 480,  "thumbnail_url": "https://i.ytimg.com/vi/kFz9afj8lu0/hqdefault.jpg",  "html": "\u003ciframe width=\u0022400\u0022 height=\u0022225\u0022 src=\u0022https://www.youtube.com/embed/kFz9afj8lu0?feature=oembed\u0022 frameborder=\u00220\u0022 allow=\u0022accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\u0022 allowfullscreen\u003e\u003c/iframe\u003e"}htmlafter 的属性现在decodeURIComponent看起来像您的示例:<iframe width=\"400\" height=\"225\" src=\"https://www.youtube.com/embed/kFz9afj8lu0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答