Создайте div вокруг iframe, воспроизводящего видео youtube, не прерывая его

---

Мне трудно понять, как создать div вокруг iframe, не прерывая iframe, воспроизводящего видео YouTube, я знаю, что код неверен для этой ситуации, но я просто не знаю, как это сделать.

Это мой код.

<style>
    button{
     margin-top: 25px;
      display: block;
    }
    </style>
    
    <script>
    document.addEventListener('DOMContentLoaded',function(){
    
    document.querySelector('button').addEventListener('click',addADivAroundAIframe);
    
    function addADivAroundAIframe() { 

            var iframe= document.querySelector('iframe');
            var parent = iframe.parentNode;
            var div= document.createElement('div');

            parent.replaceChild(div,iframe);

            div.appendChild(iframe);
      
      }
    
    });
    </script>
    
    <iframe src='https://www.youtube.com/embed/m1jY2VLCRmY'></iframe>
    
    <button>Generate</button>

Что я уже пробовал:

Google, другие справочные сайты, книги

---