写了一个播放视频的功能,仅仅实现暂停,播放功能。react实现,可兼容ios和Android
- 视频路径:videoUrl
- 视频展示第一张图片:pictureUrl
- 定义一个变量控制,播放暂停:videoControl
videoUrl和pictureUrl的路径都是从后台获取到的,不方便展示
this.state = {
videoUrl: "", // 视频路径
pictureUrl: "", // 图片路径
videoControl: false
}
videoPlay:点击播放按钮
videoPause:点击视频实现暂停
<div className="video-mian">
{
this.state.videoControl ? null : <div className={
"video-controller " + (this.state.videoControl ? "" :