| Server IP : 63.250.38.98 / Your IP : 216.73.216.235 Web Server : LiteSpeed System : Linux premium291.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64 User : samejjip ( 1289) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/samejjip/public_html/wp-content/plugins/extendify/src/Launch/components/ |
Upload File : |
import { useRef, useState } from 'react';
export const VideoPlayer = ({ path, poster, className = null }) => {
const videoRef = useRef();
const [playing, setPlaying] = useState(false);
return (
<div
className={`relative ${className}`}
style={{
backgroundImage: !playing ? `url(${poster})` : 'none',
backgroundSize: 'contain',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
}}>
<video
ref={videoRef}
id="video-player"
className="h-auto max-h-[min(50vh,400px)] w-full object-contain"
playsInline
muted
autoPlay
poster={poster}
loop
onPlay={() => setPlaying(true)}>
<source src={path} type="video/webm" />
Your browser does not support the video tag.
</video>
</div>
);
};