分享 link 到带有可点击缩略图的视频
Share a link to video with a clickable thumbnail
我们的支持页面包含 link 我们在 YouTube 上的视频以及其他说明。我有一个要求，当 link 分享到我们的支持页面时，应该显示缩略图。即 link 是我们的网站，但缩略图应该来自我们的 youtube 视频。分享可以发生在社交网站或电子邮件等上。我试过发送可分享的 link 和类似下面的东西，但它不起作用：
<a href="https://www.mycomurl:4200/sharablelinks/448fe88f"> <img src="https://i.ytimg.com/vi/f3Synm4U4Uk/hqdefault.jpg""> </a>
youtube 是怎么做到的？当您分享他们的可分享 link 时，会显示缩略图和视频按钮。这几乎就像接收者（WhatsApp/telegram/etc）在收到 YouTube link 后向 youtube 发送获取请求以获取缩略图并显示它。
您无法始终控制third-party客户端如何向您的网站显示link，但执行此操作的标准方法是通过Open Graph protocol。这允许您的网站包含元数据，机器人可以使用这些元数据对您的网站进行分类并将元数据添加到 links。
要告诉机器人用您的 link 显示哪个图像，您可以使用 og:image 标签，如下所示：
<meta property="og:image" content="https://c7.uihere.com/files/293/500/890/adorable-animal-cat-cute-thumb.jpg" />
除了缩略图，您还可以添加许多其他元数据，例如标题和描述：
<meta property="og:title" content="Your link title" />
<meta property="og:description" content="Some description of your webpage" />
我们的支持页面包含 link 我们在 YouTube 上的视频以及其他说明。我有一个要求，当 link 分享到我们的支持页面时，应该显示缩略图。即 link 是我们的网站，但缩略图应该来自我们的 youtube 视频。分享可以发生在社交网站或电子邮件等上。我试过发送可分享的 link 和类似下面的东西，但它不起作用：
<a href="https://www.mycomurl:4200/sharablelinks/448fe88f"> <img src="https://i.ytimg.com/vi/f3Synm4U4Uk/hqdefault.jpg""> </a>
youtube 是怎么做到的？当您分享他们的可分享 link 时，会显示缩略图和视频按钮。这几乎就像接收者（WhatsApp/telegram/etc）在收到 YouTube link 后向 youtube 发送获取请求以获取缩略图并显示它。
您无法始终控制third-party客户端如何向您的网站显示link，但执行此操作的标准方法是通过Open Graph protocol。这允许您的网站包含元数据，机器人可以使用这些元数据对您的网站进行分类并将元数据添加到 links。
要告诉机器人用您的 link 显示哪个图像，您可以使用 og:image 标签，如下所示：
<meta property="og:image" content="https://c7.uihere.com/files/293/500/890/adorable-animal-cat-cute-thumb.jpg" />
除了缩略图，您还可以添加许多其他元数据，例如标题和描述：
<meta property="og:title" content="Your link title" />
<meta property="og:description" content="Some description of your webpage" />