如何从 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>

任何人都可以帮助我找到解决方案，我尝试了很多代码，但没有任何工作对我有用，但没有找到，Whosebug 中的问答请帮助我解决这个问题

Answer 1

所以您想将缩略图替换为嵌入代码。我想您唯一需要做的就是从缩略图 URL 中获取视频 ID，并将其放入构成嵌入代码的 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

如何从 Youtube 缩略图以嵌入形式获取 Youtube 视频

How to get Youtube video in embed form from Youtube thumbnail

javascript

youtube

jquery