Tengo un sitio, donde recorro un montón de datos y produzco un botón para cada elemento.

He establecido el valor del botón para cada uno, para que sea la URL única del video de YouTube

 <button type="button" class="btn btn-outline-primary mb-1" data-bs-toggle="modal" data-bs-target="#Zdq6f4RXJt" value="#Zdq6f4RXJt">Video</button>

Entonces tengo un modal para cada video. Lo cual no es óptimo.

¿Cómo puedo pasar el valor del botón al modal?

Muchas gracias

 <div class="modal fade" id="Zdq6f4RXJt" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-semi-full modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Introduction to MongoDB</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/**Zdq6f4RXJt**" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div>