Javascript 限制HTML5视频循环的数量

：） 我试图循环一个HTML5视频只有3次。我找到了一个基本上可以满足我要求的代码片段。奇怪的是，我不能让它工作。如果我在stackoverflow上运行这个演示，它会工作。如果我复制并粘贴到一个空白的html文档中，它就不会。有什么建议吗

---

谢谢

是否在正文部分末尾添加JS脚本？

---

脚本应添加到正文部分的末尾（加载文档时）。

尝试复制并粘贴此脚本。这应该行得通

<div>Iteration: <span id="iteration"></span></div>

<video width="320" height="240" id="myVideo" controls>
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
    Your browser does not support the video tag.
</video>

<script>
    var iterations = 1;

    document.getElementById('iteration').innerText = iterations;

    myVideo.addEventListener('ended', function () {    

        if (iterations < 2) {
            this.currentTime = 0;
            this.play();
            iterations ++;          
            document.getElementById('iteration').innerText = iterations;
        }   

    }, false);
</script>

迭代：
您的浏览器不支持视频标记。
var迭代次数=1；
document.getElementById（'iteration'）。innerText=iterations；
myVideo.addEventListener（'ended'，函数（）{
如果（迭代次数<2）{
这个.currentTime=0；
这个。play（）；
迭代++；
document.getElementById（'iteration'）。innerText=iterations；
}   
}，假）；

我认为loop=“3”应该可以将整个

…

放在正文部分的末尾，它应该可以工作：。当然，您需要更改if语句中的

迭代次数<3

。）