Javascript Innerhtml禁用视频src

为什么不工作，而工作。唯一的区别是，在第二种情况下，我在html文件中添加了视频元素，而不是通过innerHTML方法添加它们

document.querySelector('#top').innerHTML = document.querySelector('#top').innerHTML + "<video id='vid" + id + "'></video>";

document.querySelector（'#top'）.innerHTML=document.querySelector（'#top'）.innerHTML+“”；

应该创造这个

<video id="vid0"></video>
<video id="vid1"></video>

但是当我在chrome中查看调试窗口时，我发现当我在javascript中创建视频标记时，第一个视频的src元素没有出现。当我手动将它们添加到html中时，不会发生这种情况。

有几个问题（我想！）：

video[id]。未定义videoHeight

，因此高度最终为NaN

for (var i = 0; i <= vids; i++)

height = video[id].videoHeight / (video[id].videoWidth / width);