example/video.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>embetty</title>
  <link href="app.css" rel="stylesheet" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/themes/prism.min.css" rel="stylesheet" />
  <meta data-embetty-server=".">
  <script async src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/prism.min.js"></script>
  <script async src="embetty.js"></script>
</head>
<body>
  <header>
    <h1>embetty</h1>
    <h2>Basic usage</h2>
  </header>
  <main>

    <h3>YouTube</h3>

    <article>
      <embetty-video type="youtube" start-at="97" video-id="m6UOo2YGbIE"></embetty-video>
      <pre><code class="language-html">&lt;embetty-video video-id=&quot;m6UOo2YGbIE&quot; start-at=&quot;97&quot; type=&quot;youtube&quot;&gt;&lt;/embetty-video&gt;</code></pre>
    </article>

    <article>
      <embetty-video height=100 type="youtube" video-id="3L4fHrIJ3A4"></embetty-video>
      <pre><code class="language-html">&lt;embetty-video video-id=&quot;3L4fHrIJ3A4&quot; type=&quot;youtube&quot;&gt;&lt;/embetty-video&gt;</code></pre>
    </article>

    <h3>Vimeo</h3>

    <article>
      <embetty-video type="vimeo" start-at="97" video-id="1084537"></embetty-video>
      <pre><code class="language-html">&lt;embetty-video video-id=&quot;1084537&quot; start-at=&quot;97&quot; type=&quot;vimeo&quot;&gt;&lt;/embetty-video&gt;</code></pre>
    </article>

    <h3>Facebook</h3>

    <article>
      <embetty-video type="facebook" video-id="10156049485672318"></embetty-video>
      <pre><code class="language-html">&lt;embetty-video video-id=&quot;10156049485672318&quot; type=&quot;facebook&quot;&gt;&lt;/embetty-video&gt;</code></pre>
    </article>
  </main>
</body>
</html>