Изображение и видео YouTube, которые будут отображаться с помощью цикла for

Question

У меня есть массив JSON, в котором есть URL-ссылка на изображение и видео на YouTube. Я написал два цикла for для извлечения этих данных, поскольку видео YouTube необходимо встроить в iframe.Есть ли возможный способ реструктурировать JSON и иметь цикл for, потому что тогда я смогу использовать его для скольжения элементов.

keynotes: [
        {
          media: [
            {
              image: "../images/example.png",
              youtube: "youtube link"
            }
          ],
          headline: "Lorem Impsum",
          content:"Lorem Impsum"
        }
      ]
<transition-group class="carousel">
  <div v-for="(mediaelement, mediaelementID) in keynote.media" :key="mediaelementID">
   <img class="inline-block" :src="mediaelement.image">
  </div>
  <div v-for="(mediaelement, mediaelementID) in keynote.media" 
     :key="mediaelementID" class="youtube">
   <iframe class="inline-block" width="295" height="197" 
      :src="mediaelement.youtube"></iframe>
  </div>
</transition-group>