How many modal windows can be made?

Question

JavaScript

I made this block on the bootstrap: , in these pictures, a modal window with a video from youtu.be , I made a different video for each photo, but when you open any of them, a video from 1 picture opens.
+ Even after all manipulations with windows, the page loads for a very long time (considering that I open it locally...)
What am I doing wrong? Maybe you can't do so much on one page? There are sixteen such blocks with a picture in total.

Answer 1

You only need to change the video id in the modal when it pops up

Answer 2

Do an ajax load
, it will look something like this

$(#id).modal('show').find('$idModal').load('#href')

I don’t remember exactly how it is spelled correctly, but for example, move in this vein, respectively, when you click it, it will link to one modal window, only load loads the content. Well, accordingly, you can do href by any means
, at least something like this

;$('#button').click(functuion(){
$(this).attr(href);// Или примерно так если укажешь data-href $(this).data("href")
})

Answer 3

Basically, as much as you want. But you are praised by one, just change the url to the video and that's it