второго видео does'nt играть до тех пор пока первое видео играют первую

Question

У меня есть два видео-файлов, которые я создал динамически:

$.each(data.reports, function(i, report) { 
     var video = document.createElement("video"); 
     video.setAttribute('src', 'friday.mp4'); 
     video.setAttribute('type', 'video/mp4'); 
     document.getElementById("Data").appendChild(video); 
     $('video').prop("controls", true); 
     $('video').prop("width", 400); 
}) 

и если нажать на кнопку воспроизведения на первое видео, все работает отлично. Если я сначала нажимаю второе видео (до того, как я нажал первое видео), он не будет работать до тех пор, пока я не напишу первое видео. .

Почему проблема возникает? Я попытался найти в Интернете, но безуспешно ..

Заранее благодарен!

Answer 1

Вы должны либо установить элементы управления и свойство ширины из цикла, либо установить их по вызову video.setAttribute перед добавлением в div '#Data'. $ ('Видео') ориентирована на все видео элементов, поэтому вызов внутри цикла пытается сделать ненужную и неправильно мультипликатор связывания

$ .each (data.reports, функция (я, отчет) {

var video = document.createElement("video"); 
    video.setAttribute('src', 'friday.mp4'); 
    video.setAttribute('type', 'video/mp4'); 
    document.getElementById("Data").appendChild(video); 

});

$ ('video'). Prop ("controls", true);

$ ('video'). Prop ("width", 400);