根據(jù)我查看的 React 文檔,我想我會(huì)使用“useRef”來更新函數(shù),但我不確定。我想觸發(fā)一個(gè)事件來使視頻靜音,有一個(gè)滾動(dòng)事件。現(xiàn)在我正在使用 onClick 來播放/暫停視頻。視頻.jsimport React, { useRef, useState } from "react";import "./Video.css";function Video({ url }) { const [muted, setMuted] = useState(true); const [playing, setPlaying] = useState(false); const videoRef = useRef(null); var Chrome = navigator.userAgent.includes("Chrome") && navigator.vendor.includes("Google Inc"); const onVideoPress = () => { if (playing && !Chrome) { videoRef.current.pause(); setPlaying(false); setMuted(true); } else if (playing && Chrome) { videoRef.current.pause(); setPlaying(false); setMuted(false); } else { videoRef.current.play(); setPlaying(true); setMuted(false); } }; return ( <div className="video"> <video className="video__player" autoPlay={true} loop={true} muted={muted} playsInline={true} // controls ref={videoRef} onClick={onVideoPress} > <source className="video__controls" src={url} type="video/mp4"></source> </video> {/* <VideoFooter /> */} </div> );}export default Video;這與如何在反應(yīng)組件中添加滾動(dòng)事件不同,因?yàn)槲覜]有將函數(shù)擴(kuò)展為組件。
如何在反應(yīng)中觸發(fā)滾動(dòng)事件的函數(shù)
qq_遁去的一_1
2023-09-28 17:24:54