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调用设置这些属性，然后再附加到＆＃39; #Data＆＃39; DIV。 $（＆＃39;视频＆＃39;）定位所有视频元素，因此调用内部循环会尝试进行不必要和错误的多重绑定

$。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);

}）;

$（＆＃39; video＆＃39;）。prop（＆＃34; controls＆＃34;，true）;

$（＆＃39; video＆＃39;）。prop（＆＃34; width＆＃34;，400）;

第二个视频在第一个视频播放之前不会播放

1 个答案: