Javascript 嵌入缩略图Youtube视频

我需要嵌入Youtube视频的缩略图，当我点击缩略图时，视频开始播放。 我得到了下面的php代码（见下面的php代码），其中嵌入了视频，但我也需要嵌入缩略图的代码，当你点击thumnail时，缩略图开始播放。我认为视频开始播放的代码如下（参见下面的js代码）

PHP代码：

<?php
function mininaturas_youtube_func( $atts ) {
$a = shortcode_atts( array(
'id' => ''
), $atts);
return '<iframe width="560" height="315" 
src="https://www.youtube.com/embed/' . $a["id"] . '" frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- 
picture" allowfullscreen></iframe>';
}
add_shortcode( 'miniatura_youtube', 'mininaturas_youtube_func' );
?>

您能否帮助将php代码（包含在php代码部分）嵌入Youtube视频的缩略图并查看js代码？

---

谢谢

使用此功能，您可以将缩略图嵌入到视频中

每个YouTube视频有4个生成的图像。可以预见，它们的格式如下：

https://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

https://img.youtube.com/vi//0.jpg
https://img.youtube.com/vi//1.jpg
https://img.youtube.com/vi//2.jpg
https://img.youtube.com/vi//3.jpg

列表中的第一个是全尺寸图像，其他是缩略图。默认缩略图（即1.jpg、2.jpg、3.jpg中的一个）为：

https://img.youtube.com/vi//default.jpg

对于高质量版本的缩略图，请使用类似以下内容的url：

https://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

https://img.youtube.com/vi//hqdefault.jpg

还有一个中等质量版本的缩略图，使用类似于HQ的url：

https://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg

https://img.youtube.com/vi//mqdefault.jpg

对于缩略图的标准定义版本，请使用类似以下内容的url：

https://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

https://img.youtube.com/vi//sddefault.jpg

对于缩略图的最大分辨率版本，请使用类似以下内容的url：

https://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

https://img.youtube.com/vi//maxresdefault.jpg

以上所有URL也可通过http访问。此外，在上面的示例URL中，略短的主机名i3.ytimg.com可以代替img.youtube.com

---

谢谢。我知道这些信息是因为我以前读过你说的帖子。问题是我如何将上面编写的php代码与我评论的Youtube视频缩略图集成。提前谢谢。