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

Question

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

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

Answer 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>
)

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

How to play a video from a particular timestamp when user clicks on a button in Brightcove

html

javascript

brightcove

reactjs

react-player