JSFiddle - React, Tailwind, and code Playground

HTML

<div class="video__elem">
  <div class="video__item" data-video="https://www.youtube.com/embed/3_znTOrjs6E" >
  </div>
  <div class="video__item" data-video="https://www.youtube.com/embed/3_znTOrjs6E" >
  </div>
  <!--<div class="video__item">
    <iframe src="https://www.youtube.com/embed/3_znTOrjs6E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>-->
</div>

CSS

.video__elem {
  display: flex;
}

JavaScript

$(document).ready(function() {

   $('.video__item').each(function(index, item) {
     let block = document.createElement('iframe');
     block.src = item.dataset.video;
     item.append(block);
   })

 });