how to disable some controls for youtube video embed via lightbox iframe

Hey, how can the HTML structure for my video looks like this:

                     <div class="intro-video col-lg-8 col-md-10 offset-lg-2 offset-md-1 p-0" data-animate="fadeInUp"
                        data-delay="0">
                        <a id="video-player" href="https://www.youtube.com/watch?v=jfKfPfyJRdk" data-disable-under="0"
                           data-lightbox="iframe" class="play-video position-relative"><img
                              src="images/ai_teach/video-bg.jpg" alt="AI Teach introduction video | Click to watch"
                              class="rounded-3 shadow-lg">
                           <i><svg width="30px" height="30px" fill="#ffffff" viewBox="0 0 256 256"
                                 xmlns="http://www.w3.org/2000/svg">
                                 <path
                                    d="M59 61.922c0-9.768 13.016-15.432 22.352-11.615 10.695 7.017 101.643 58.238 109.869 65.076 8.226 6.838 10.585 17.695-.559 25.77-11.143 8.074-99.712 60.203-109.31 64.73-9.6 4.526-21.952-1.632-22.352-13.088-.4-11.456 0-121.106 0-130.873zm13.437 8.48c0 2.494-.076 112.852-.216 115.122-.23 3.723 3 7.464 7.5 5.245 4.5-2.22 97.522-57.704 101.216-59.141 3.695-1.438 3.45-5.1 0-7.388C177.488 121.952 82.77 67.76 80 65.38c-2.77-2.381-7.563 1.193-7.563 5.023z"
                                    stroke="#979797" fill-rule="evenodd" />
                              </svg></i>
                        </a>
                     </div>

How can I remove some elements such as the video header where the video's name appears?

Thanks