You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.0 KiB
33 lines
1.0 KiB
import dynamic from "next/dynamic";
|
|
|
|
import {environment} from "../../environments/environment";
|
|
|
|
const ReactPlayer = dynamic(() => import("react-player"), { ssr: false });
|
|
|
|
/* eslint-disable-next-line */
|
|
export interface HomeSectionVideoProps {
|
|
}
|
|
|
|
export function HomeSectionVideo(props: HomeSectionVideoProps) {
|
|
return (
|
|
<>
|
|
<section className="container relative max-w-screen-xl mx-auto relative flex flex-col justify-center mb-10">
|
|
<h2 className="font-bold w-full text-center mt-5 text-2xl mx-auto text-blue-800">
|
|
Démonstration en vidéo
|
|
</h2>
|
|
<p className="text-lg text-gray-500 mb-10 text-center px-4 md:px-0">Rien ne vaut une démonstration pour convaincre !</p>
|
|
|
|
<div className="player-wrapper max-w-[640px] mx-auto">
|
|
<ReactPlayer width="100%"
|
|
height="100%"
|
|
controls={true}
|
|
url={environment.strapiUrl + "/uploads/record_player_011_c87b14fd49.mp4"} />
|
|
</div>
|
|
|
|
</section>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default HomeSectionVideo;
|