'How to show play button under preview link in Slack?

When I paste the link of Youtube, you can see the play button is above the preview image.

I create a fake page that copies the 'og' metadata from the Youtube link and paste it into slack. But it's only a standard preview image. What am I missing?

https://lichunbin814.github.io/test/

<html>

<head>
  <meta name="description" content="The YouTube channel for all things Firebase! Learn how to build awesome apps with hands-on tutorials from the Firebase team. Firebase helps you build better ...">
  <meta name="keywords" content="Firebase Google &quot;Firebase Developers&quot; &quot;Firebase developer&quot;">
  <link rel="alternate" type="application/rss+xml" title="RSS" href="https://www.youtube.com/feeds/videos.xml?channel_id=UCP4bf6IHJJQehibu6ai__cg">
  <meta property="og:title" content="Firebase">
  <link rel="image_src" href="https://yt3.ggpht.com/ytc/AKedOLQV7AS-uSmgD7Rl7QsmhazGjn2XQGNIkqYUislhbQ=s900-c-k-c0x00ffffff-no-rj">
  <meta property="og:site_name" content="YouTube">
  <meta property="og:url" content="https://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <meta property="og:image" content="https://yt3.ggpht.com/ytc/AKedOLQV7AS-uSmgD7Rl7QsmhazGjn2XQGNIkqYUislhbQ=s900-c-k-c0x00ffffff-no-rj">
  <meta property="og:image:width" content="900">
  <meta property="og:image:height" content="900">
  <meta property="og:description" content="The YouTube channel for all things Firebase! Learn how to build awesome apps with hands-on tutorials from the Firebase team. Firebase helps you build better mobile apps and grow your business.">
  <meta property="al:ios:app_store_id" content="544007664">
  <meta property="al:ios:app_name" content="YouTube">
  <meta property="al:ios:url" content="vnd.youtube://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <meta property="al:android:url" content="https://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg?feature=applinks">
  <meta property="al:android:app_name" content="YouTube">
  <meta property="al:android:package" content="com.google.android.youtube">
  <meta property="al:web:url" content="https://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg?feature=applinks">
  <meta property="og:type" content="profile">
  <meta property="og:video:tag" content="Firebase">
  <meta property="og:video:tag" content="Google">
  <meta property="og:video:tag" content="Firebase Developers">
  <meta property="og:video:tag" content="Firebase developer">
  <meta property="fb:app_id" content="87741124305">
  <meta property="fb:profile_id" content="Firebase">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@youtube">
  <meta name="twitter:url" content="https://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <meta name="twitter:title" content="Firebase">
  <meta name="twitter:description" content="The YouTube channel for all things Firebase! Learn how to build awesome apps with hands-on tutorials from the Firebase team. Firebase helps you build better mobile apps and grow your business.">
  <meta name="twitter:image" content="https://yt3.ggpht.com/ytc/AKedOLQV7AS-uSmgD7Rl7QsmhazGjn2XQGNIkqYUislhbQ=s900-c-k-c0x00ffffff-no-rj">
  <meta name="twitter:app:name:iphone" content="YouTube">
  <meta name="twitter:app:id:iphone" content="544007664">
  <meta name="twitter:app:name:ipad" content="YouTube">
  <meta name="twitter:app:id:ipad" content="544007664">
  <meta name="twitter:app:url:iphone" content="vnd.youtube://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <meta name="twitter:app:url:ipad" content="vnd.youtube://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <meta name="twitter:app:name:googleplay" content="YouTube">
  <meta name="twitter:app:id:googleplay" content="com.google.android.youtube">
  <meta name="twitter:app:url:googleplay" content="https://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <link itemprop="url" href="https://www.youtube.com/channel/UCP4bf6IHJJQehibu6ai__cg">
  <meta itemprop="name" content="Firebase">
  <meta itemprop="description" content="The YouTube channel for all things Firebase! Learn how to build awesome apps with hands-on tutorials from the Firebase team. Firebase helps you build better mobile apps and grow your business.">
  <meta itemprop="paid" content="false">
  <meta itemprop="channelId" content="UCP4bf6IHJJQehibu6ai__cg">

</head>

<body> 

</body>

</html>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'How to show play button under preview link in Slack?

Sources

Related Questions