Javascript 视频结束后显示播放按钮

我可能有个小问题。因为我的html5视频没有控件（只有水平和垂直居中的播放暂停按钮），所以视频结束后必须再次显示。我必须做到这一点。但我不知道怎么做，我什么都试过了

这是我的HTML：

    <!-- Video placeholder -->
    <div class="video-placeholder">

        <!-- Video -->
        <video class="video" controls poster="images/video-poster.png">

            <source src="http://e14aaeb709f7cde1ae68-a1d0a134a31b545b257b15f8a8ba5726.r70.cf3.rackcdn.com/projects/31432/1427815464209-bf74131a7528d0ea5ce8c0710f530bb5/1280x720.mp4" type="video/mp4" />

        </video>
        <!-- / Video -->

        <!-- Play/Pause -->
        <div class="play-pause"></div>
        <!-- / Play/Pause -->

    </div>
    <!-- / Video placeholder -->

非常感谢您的帮助

试试这个：

(function showPlayButton() {
    if (document.getElementById('video-id').ended) {
        document.getElementById('play-button-id').style.display = 'block';
    }
    setTimeout(showPlayButton, 1000);
})();

试试这个：

(function showPlayButton() {
    if (document.getElementById('video-id').ended) {
        document.getElementById('play-button-id').style.display = 'block';
    }
    setTimeout(showPlayButton, 1000);
})();