video 自定义 播放按钮

Question

我想到我点击播放的时候 播放视频 然后按钮消失，当我在播放视频的时候，在点击视频 显示暂停按钮 请问如何实现

Answer 1

你只需要在点击按钮的时候执行video实例的play方法就行，具体api可以看参考video API，反正video的各种行为都是可以通过js控制的。

Answer 2

监听播放状态显示相应的按钮

// video 为video标签
// playBtn 为播放按钮
// pauseBtn 为暂停按钮

playBtn.addEventListener('click', () => {
    video.play()
    pauseBtn.hidden = false
    playBtn.hidden = true
})
pauseBtn.addEventListener('click', () => {
    video.pause()
    pauseBtn.hidden = true
    playBtn.hidden = false
})

可以参考一下别人的自定义播放器的做法
https://github.com/EaseDo/Eas...