Question

我需要嵌入Youtube视频中的缩略图，然后点击缩略图开始播放视频。我在嵌入式视频中获得了以下php代码（请参见下面的php代码），但是我也需要在其中嵌入缩略图的代码，当您按一下缩略图时，它就可以开始播放。我认为要开始播放视频的代码是以下代码的下面（请参见下面的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' );
?>

Js代码（我的尝试）：

$(document).ready(function(){
  $("#play").click(function(){
    $("#remove").hide();
    $("#add").show();
  });
});

您能否帮助将php代码（放入 PHP代码部分）以嵌入Youtube视频的缩略图并查看js代码？谢谢

Answer 1

通过此方法，您可以将缩略图嵌入到视频中。

每个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

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

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

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

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

还有一个中等质量的缩略图，使用的网址类似于总部：

https://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.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

以上所有网址都可以通过http获得。此外，在上面的示例网址中，稍短的主机名i3.ytimg.com可以代替img.youtube.com。

Click For More Answer.

嵌入缩略图Youtube视频

1 个答案: