Javascript 如何开始播放视频点击它没有控制使用反应？

我在react应用程序中使用standart视频html5播放器：

const Video = ({ url, contentType }) => (
  <video poster={url}>
    <source src={`${url}#t=0.01`} type={contentType} className="video" />
  </video>
)

---

但我不知道如何用react替换它，我尝试添加

onClick{e=>e.play}

，但它不起作用，我还检查了

e

包含的内容，它不包含任何

isPlaying

标志或

play/pause

可能性，请告诉我如何正确使用它？

有两个原因不起作用：

您没有调用

播放

，您只是引用了它。要调用它，您需要

（）

传递给事件处理程序的参数不是事件发生的元素，而是一个事件对象（在React的情况下，是一个合成对象）。您可以通过事件的

currentTarget

属性访问挂接事件的元素：

 <video poster={url} onClick={e => e.currentTarget.play()}>

e.currentTarget.play（）}>

或者用解构

 <video poster={url} onClick={({currentTarget}) => currentTarget.play()}>

currentTarget.play（）}>

 <video poster={url} onClick={({currentTarget}) => currentTarget.play()}>