当用户单击 Brightcove 中的按钮时，如何从特定时间戳播放视频答案

【问题标题】：How to play a video from a particular timestamp when user clicks on a button in Brightcove当用户单击 Brightcove 中的按钮时，如何从特定时间戳播放视频
【发布时间】：2022-02-11 18:07:42
【问题描述】：

我正在 Brightcove 上播放视频。我需要从视频中的特定时间戳播放视频。例如：如果用户点击一个按钮，视频应该从视频的 5 分 30 秒开始播放。我认为这个想法很明确。我正在使用 brightcove/react-player-loader 播放视频。

<ReactPlayerLoader
    onSuccess={onVideoSuccess}
    accountId={accountID}
    videoId={mediaID}
    playerId={playerID}
    attrs={{ className: "brightcove", autoPlay: "muted" }}
/>

【问题讨论】：

标签： javascript html reactjs brightcove react-player

【解决方案1】：

import { useRef } from 'react'
const mediaRef = useRef()

const gotoTimeStamp = (time) => {
    mediaRef.current.player.currentTime(time)
  }


return ( 

 <ReactPlayerLoader
   ref={mediaRef}
    onSuccess={onVideoSuccess}
    accountId={accountID}
    videoId={mediaID}
    playerId={playerID}
   attrs={{ className: 'brightcove', autoPlay: 'muted />


 <button onClick={() => gotoTimeStamp(1434)}>
   Click me            
  </button>
)

【讨论】：