<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属性,暂停开始按钮也是我做的,我的意思是,视频播放完由两个竖杠变成三角的话该怎么做