__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
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>
);
};
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| BusinessInformation | Folder | 0755 |
|
|
| CreatingSite | Folder | 0755 |
|
|
| QuestionIcon | Folder | 0755 |
|
|
| Card.jsx | File | 1.5 KB | 0644 |
|
| CheckboxInput.jsx | File | 1.47 KB | 0644 |
|
| CheckboxInputCard.jsx | File | 1.34 KB | 0644 |
|
| LoadingIndicator.jsx | File | 188 B | 0644 |
|
| NavigationButton.jsx | File | 354 B | 0644 |
|
| PageControl.jsx | File | 11.59 KB | 0644 |
|
| PagePreview.jsx | File | 8.13 KB | 0644 |
|
| PageSelectButton.jsx | File | 1.03 KB | 0644 |
|
| PageSelectButtonPlaceholder.jsx | File | 400 B | 0644 |
|
| Questionnaire.jsx | File | 2.6 KB | 0644 |
|
| RestartLaunchModal.jsx | File | 6.71 KB | 0644 |
|
| RetryNotice.jsx | File | 581 B | 0644 |
|
| SmallPreview.jsx | File | 7.53 KB | 0644 |
|
| Title.jsx | File | 416 B | 0644 |
|
| VideoPlayer.jsx | File | 775 B | 0644 |
|