javascript - 如何从 Youtube 缩略图获取嵌入形式的 Youtube 视频

Question

我想要一些可以将 youtube 缩略图(图像格式)转换为 youtube 视频嵌入形式的东西

喜欢 YouTube 缩略图

http://img.youtube.com/vi/UJ1MOWg15Ec/default.jpg

我想像这样通过 javascript 或 jquery 转换它

<iframe width="560" height="315" src="https://www.youtube.com/embed/UJ1MOWg15Ec" frameborder="0" allowfullscreen></iframe>

任何人都可以帮我找到解决方案吗，我尝试了很多代码，但没有任何工作对我有用，并且没有在 stackoverflow 中找到 Q 和 A，请帮我解决这个问题

Answer 1

因此您想将缩略图替换为嵌入代码。我想您唯一需要的就是从缩略图 URL 中获取 videoID 并将其放置在形成嵌入代码的 HTML 中。

这样的事情应该有效:

var match = 'http://img.youtube.com/vi/UJ1MOWg15Ec/default.jpg'.match('vi/([^\/]+)/');
var videoID = match[1];
var embed = '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + videoID + '" frameborder="0" allowfullscreen></iframe>';

参见Fiddle