2

我在这里有一个简单的测试页面：

<!DOCTYPE HTML>
<html>
    <head>
        <title>Event "seeked" test</title>
    </head>
    <body>
        <div id="main" align="center"></div>
        <script>
            var main = document.getElementById("main");
            var thumbnails = document.getElementById("thumbnails");

            var video = document.createElement("video");
            video.setAttribute("id", "video");
            video.setAttribute("src", "pathtomyvideo.mp4");
            video.setAttribute("controls", "true");
            video.setAttribute("autoplay", "true");
            main.appendChild(video);

            var video2 = document.createElement("video");
            video2.setAttribute("id", "video2");
            video.setAttribute("src", "pathtomyvideo.mp4");
            video2.setAttribute("controls", "true");
            video2.setAttribute("autoplay", "true");
            main.appendChild(video2);        
        </script>        
      </body>
</html>

在 Chrome 中，只有一个视频文件加载，而另一个似乎没有加载。当两个来源不同时，它加载正常。如果我明确输入 HTML，则只有其中一个加载另一个不加载（相同的行为）。

我该如何解决这个问题？

4

1 回答 1

2

你要踢自己，你已经复制和粘贴了毫无疑问？未设置第二个视频 src，您只需覆盖第一个：

video.setAttribute("src", "pathtomyvideo.mp4");

改成

video2.setAttribute("src", "pathtomyvideo.mp4");

刚刚经过测试，就像一个魅力......

于 2012-07-13T08:41:41.687 回答