用video标签做的播放器,如何用js或jq当视频播放完后,播放按钮变暂停按钮?

<video id="v" src="http://www.guilinbaobao.com/go/upload/video/20210506/%E7%A0%81%E9%AB%98%E6%95%99%E8%82%B26375590041762713731886448.mp4" ></video>
<br /><input id="btn" value="播放" type="button"  />
<script>
    v.onended = function () {
        alert('ended')
        btn.value = '播放';///这里修改你的逻辑,更换图片为播放状态图片或样式
    };
    btn.onclick = function () {
        var paused = this.value == '播放'
        this.value = paused ? '暂停' : '播放'

        v[paused ? 'play' : 'pause']();
    }
</script>

 

大佬我没用controls属性,暂停开始按钮也是我做的,我的意思是,视频播放完由两个竖杠变成三角的话该怎么做