Question

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

<!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，其中只有一个加载另一个不加载（相同的行为）。

如何解决此问题？

Answer 1

你打算在这个问题上踢自己，你有没有复制和粘贴？第二个视频src未设置，您只需覆盖第一个：

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

更改为

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

刚刚测试过并且像魅力一样......

同时加载相同的源HTML5视频失败？

1 个答案: