simple implementation in Vue.js of auto adjusting height for YouTube iFrame

AutoHeight.vue

<template>
  <div class="iframe-container">
    <iframe class="iframe-content" src="https://www.youtube.com/embed/g06zI68Blzk"></iframe>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.iframe-container {
  width: 100%;
  /* Aspect ratio of 16:9 */
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}
.iframe-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>