ここに簡単なテストページがあります:
<!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 では、1 つのビデオ ファイルのみが読み込まれ、他のファイルは読み込まれていないように見えます。2 つのソースが異なる場合、正常にロードされます。HTMLを明示的に入力すると、そのうちの1つだけが読み込まれ、もう1つは読み込まれません(同じ動作)。
これを解決するにはどうすればよいですか?