装有<video>的mp4视频将冻结窗口

Question

我正尝试每页加载25个带有giphy的视频。我在做：

for (var i = 0; i < images.length; i++) {
    el.innerHtml += '<video autoplay loop><source src="' + images[i].downsized_small.mp4 + '"></video>'
}

这将冻结整个浏览器窗口。如果我使用.gif格式，则效果很好。我想使用.mp4节省大量带宽，并使网站运行起来更加流畅。

编辑：当div滚动时，我会添加更多视频。