<DriveVideo /> Component
First-class Google Drive video player supporting standard HTML5 video attributes and metadata extraction.
Overview
DriveVideo extracts video duration, width, height, MIME type, and poster preview thumbnails automatically.
Code Example
drive-video.tsx
| 1 | <DriveVideo |
| 2 | src="https://drive.google.com/file/d/VIDEO_ID/view?type=video" |
| 3 | controls |
| 4 | autoPlay={false} |
| 5 | muted={false} |
| 6 | loop={false} |
| 7 | preload="metadata" |
| 8 | width={640} |
| 9 | height={360} |
| 10 | /> |
Common Mistakes
- ×Not setting preload='metadata', causing the whole video to buffer on load.
Performance Notes
Poster generation uses lightweight Drive Thumbnail API, saving bandwidth before user clicks play.