JSFiddle - React, Tailwind, and code Playground

by mrcl

HTML

<meta name="twitter:app:url:googleplay" content="https://www.youtube.com/watch?v=2KqFLiNYFWY">
<meta name="twitter:player" content="https://www.youtube.com/embed/2KqFLiNYFWY">
<meta name="twitter:player:width" content="1280">
<meta name="twitter:player:height" content="720">
<div id="watch7-content" class="watch-main-col" itemscope itemid="" itemtype="http://schema.org/VideoObject">
  <link itemprop="url" href="https://www.youtube.com/watch?v=2KqFLiNYFWY">
  <meta itemprop="name" content="Enhanced audio and video analytics with AV Insights">
  <meta itemprop="description" content="🎬 In the Analytics Suite, you will soon be able to take advantage of new analyses specifically designed to measure audio and video content, whether live or ...">
  <meta itemprop="paid" content="False">
  <meta itemprop="channelId" content="UCn-JieFEHFMYzItWOvO4aTw">
  <meta itemprop="videoId" content="2KqFLiNYFWY">
  <meta itemprop="duration" content="PT30M37S">
  <meta itemprop="unlisted" content="False"><span itemprop="author" itemscope itemtype="http://schema.org/Person">
    <link itemprop="url" href="http://www.youtube.com/user/OnlineIntelligence">
    <link itemprop="name" content="AT Internet"></span>
  <script type="application/ld+json" nonce="GFkYao0eTfBOYQ81Ba_15Q">
    {
      "@context": "http://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "item": {
          "@id": "http:\/\/www.youtube.com\/user\/OnlineIntelligence",
          "name": "AT Internet"
        }
      }]
    }

  </script>
  <link itemprop="thumbnailUrl" href="https://i.ytimg.com/vi/2KqFLiNYFWY/maxresdefault.jpg"><span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
    <link itemprop="url" href="https://i.ytimg.com/vi/2KqFLiNYFWY/maxresdefault.jpg">
    <meta itemprop="width" content="1280">
    <meta itemprop="height" content="720">