Как можно сделать так чтобы всплывающее окно выводил и картинки и видео

Не могу поместить в блок html видео так как код Popup на JS будет выводить только значения img.

//-HTML-----///

         <div class="portfolio-item-thumbnail">
           <img src="img/portfolio/1.jpg" alt="portfolio-item-thumb">
         </div>
       <h3 class="portfolio-item-title">Education Website</h3>
       <button type="button" class="btn view-project-btn">View project</button>
       <div class="portfolio-item-details">
         <div class="description">
           <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est tempora animi quod temporibus aliquid inventore quia ipsam provident repellat quisquam?</p>
         </div>
         <div class="general-info">
           <ul>
             <li>Created - <span>4 Dec 2020</span></li>
             <li>Technology used - <span>4 Dec 2020</span></li>
             <li>Role - <span>4 Dec 2020</span></li>
             <li>Live view - <span><a href="#" target="_blank">www.stickerhouse.ru</a></span></li>
           </ul>
         </div>
       </div>
     </div> ``` 




/////------JS----///
// placing right info in popup
``` function portfolioItemDetails(portfolioItem){
   document.querySelector(".pp-thumbnail img").src= 
   portfolioItem.querySelector(".portfolio-item-thumbnail img").src;
   
   document.querySelector(".pp-header h3").innerHTML=
   portfolioItem.querySelector(".portfolio-item-title").innerHTML;

   document.querySelector(".pp-body").innerHTML=
   portfolioItem.querySelector(".portfolio-item-details").innerHTML;
} ```