Video

Moving pictures


How we design them

  • Our videos preserve the aspect ratio of a 16:9 video

How they look

A standard YouTube video

View demo Open in new window
320 x 568
View code
    
<figure class="gg-c-video">
  <div class="gg-c-video__iframe" id="video-id"></div>
</figure>

<script async src="https://www.youtube.com/iframe_api"></script>
<script>
  const youTubeId = document.getElementById('video-id');
  let player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player(youTubeId, {
      videoId: 'cu31qnSrTNk',
      width: "100%",
      height: "100%",
      playerVars: {
        autoplay: 0,
        modestbranding: 1,
        origin: 1,
        autohide: 0,
        rel: 0
      }
    });
  }
</script>