Skip to content

Commit

Permalink
Update CiteDrive.js
Browse files Browse the repository at this point in the history
  • Loading branch information
garethbilaney committed Sep 30, 2023
1 parent 4473bff commit bdfc68a
Showing 1 changed file with 3 additions and 13 deletions.
16 changes: 3 additions & 13 deletions src/components/CiteDrive.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,10 @@ const CiteDrive = () => {
const [loadVideo, setLoadVideo] = useState(false);
return (
<>
{loadVideo ?

<iframe
style={{borderRadius: 15}}
loading="lazy"
width="100%"
height="615"
src="https://www.youtube.com/embed/bHD94qM0vyg?si=yfHhqeyn161JYoSt&autoplay=1"
Expand All @@ -16,18 +17,7 @@ const CiteDrive = () => {
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
:
<div onClick={() => setLoadVideo(true)} style={{ width: '100%', height: '615px', position: 'relative', cursor: 'pointer' }}>
<img
src={`https://img.youtube.com/vi/bHD94qM0vyg/maxresdefault.jpg`}
alt="Video Thumbnail"
style={{ borderRadius: 15,width: '100%', height: '100%', objectFit: 'cover' }}
/>
<div style={{ color: "white", background: "red", paddingLeft: "2rem", paddingRight: "2rem", borderRadius: 15, position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', fontSize: '40px' }}>
</div>
</div>
}

</>
);
};
Expand Down

0 comments on commit bdfc68a

Please sign in to comment.