JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//yandex.st/jquery/fancybox/1.3.4/jquery.fancybox.css">
<script src="//yandex.st/jquery/fancybox/1.3.4/jquery.fancybox.min.js"></script>
<a class="fancybox" href="https://www.youtube.com/watch?v=DB7jsjt4Uec">video 01</a>

<br />
<a class="fancybox" href="https://www.youtube.com/watch?v=CsFb661EXsI">video 02</a>

JavaScript

jQuery(document).ready(function ($) {
    $(".fancybox").each(function (i) {
        // change links on the fly to embed format
        this.href = this.href.replace(new RegExp("watch\\?v=", "i"), 'embed/') + "?autoplay=1";
    }).fancybox({
        // API options
        type: "iframe" // needed for videos embed format
    });
}); // ready