video 自定义 播放按钮

Asd528099
  • 35

image.png

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

回复
阅读 503
2 个回答

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

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


// 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...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏