rivendellweb pattern library

Video 

<div class="video">
    <iframe src="https://www.youtube-nocookie.com/embed/TLpCuxFM-AQ" title="YouTube video player" height="315" width="560" frameborder="0" allow="accelerometer; 
                autoplay;
                clipboard-write;
                encrypted-media;
                gyroscope;
                picture-in-picture" allowfullscreen></iframe>
</div>
 
<div class="video">
  <iframe src="https://www.youtube-nocookie.com/embed/TLpCuxFM-AQ"
          title="YouTube video player"
          height="315"
          width="560"
          frameborder="0" 
          allow="accelerometer; 
                autoplay;
                clipboard-write;
                encrypted-media;
                gyroscope;
                picture-in-picture"
          allowfullscreen></iframe>
</div>
 
/* No context defined. */
  • Content: 
    video,
object {
  clear: both;
  display: block;
  margin: 1em auto;
  max-width: 100% !important;
  height: auto !important;
}

div.video iframe {
  clear: both;
  display: block;
  margin: 1em auto;
  max-width: inherit;
  text-align: center
}

div.video p {
  font-style: italic;
  font-weight: 700;
  margin-top: -.125em
}

iframe {
  margin: 1.5em 0
}
  • URL: /components/raw/video/video.css
  • Filesystem Path: src/components/01-atoms/30-media/video/video.css
  • Size: 358 Bytes

Video

Right now this is YouTube only.