这是我的组件,我想从某个时间(如00:07:12,600)自动播放它,而不是从开始播放。
import style from './Hero.module.css';
import Image from 'next/image';
import ReactPlayer from 'react-player';
import { useState } from 'react';
export default function Index() {
const [isPlaying, setIsPlaying] = useState(true);
return (
<div className={style.hero_container}>
{/* <Image src="/images/hero/hero1.jpg" alt="Logo" height={400} width={700} /> */}
<ReactPlayer
url="/videos/Dexter.S01E03.1080p.5.1Ch.BluRay.ReEnc-DeeJayAhmed.mkv"
playing={isPlaying}
width="100%"
height="100%"
controls={true}
/>
</div>
);
}
2条答案
按热度按时间koaltpgm1#
将
onReady
事件与seekTo
方法一起使用。就像这样
看起来
onReady
在每次寻道事件后都被触发,因此我们需要一些额外的逻辑。zc0qhyus2#
您可以使用
seekTo
函数在特定时间启动视频。工作演示
更新如果你想在特定时间开始视频,那么我认为
useEffect
与空依赖关系将是最好的方法。