在移动设备上无限循环播放视频

Question

所以，我的计划是在点击播放后有一个视频，在移动的html网站上无限循环。 JSfiddle of my code。由于移动html5有问题并且无法正常工作，我尝试通过javascript创建一个功能，以便每次结束或暂停时重放视频，但是，这不起作用。

任何人都知道我做错了什么？谢谢

    <script>
document.getElementById("database").addEventListener("ended", myFunction, false);
document.getElementById("database").addEventListener("pause", myFunction, false);

function myFunction() {
    document.getElementById("database").play();
    if (document.getElementById("database").pause()) {
        document.getElementById("database").play();
    }
    else if (document.getElementById("database").ended()) {
        document.getElementById("database").play();
    } 
}
</script>