我建立了一个网站,收集人们关于300个六秒电影剪辑的数据。工作原理:看完每个片段后,他们回答视频下方的问题,点击“下一步”继续播放下一个视频,依此类推。
问题:虽然我可以无缝地在我的浏览器(Safari 7.0.1)上运行整个事情,但是有些人说他们的浏览器会在一段时间后停止“加载”视频(有些人说在看过70个视频后,其他人说在看到之后) 200个视频......)。有没有人对可能导致这种情况的原因有任何想法?这是代码中的一个示例 - 我自己删除了问题,但是保留了我连续加载视频的部分:
谢谢!
<script>
var currentPage = 0;
var numberOfVideos = videoList.length; // videoList contains names of all 300 movie clips.
function NextTrial() {
var k = currentPage;
$("#page" + k).hide();
k++;
$("#page" + k).show();
// use dynamic loading (as below) to avoid crashing the browser.
$(".replaceVideo", "#page" + currentPage).replaceWith('<video id="video' + k + '"><source src=' + video[k] + '.mov type="video/mp4"/></video></div>');
}
for (var i=0;i<numberOfVideos;i++) {
document.write('<div class="page" id="page' + i + '">');
document.write('<p class="replaceVideo"></p>');
document.write('<a href="javascript:NextTrial()"> <p> Next Trial </p> </a>');
document.write('</div>');
}
</script>