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

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>