From a14f4ab03863d334e0fc230e0f9b20ebeabbfccc Mon Sep 17 00:00:00 2001
From: wanxiankai <xiankai.wan@gmail.com>
Date: Sat, 25 Jul 2026 21:13:36 +0800
Subject: [PATCH] fix: forward poster to video element

---
 src/Player.tsx  | 1 +
 test/Player.tsx | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/Player.tsx b/src/Player.tsx
index c88fab27..01f8c6ef 100644
--- a/src/Player.tsx
+++ b/src/Player.tsx
@@ -100,6 +100,7 @@ const Player: Player = React.forwardRef((props, ref) => {
       src={props.src}
       crossOrigin={props.crossOrigin}
       preload={props.preload}
+      poster={props.poster}
       controls={props.controls}
       muted={props.muted}
       autoPlay={props.autoPlay}
diff --git a/test/Player.tsx b/test/Player.tsx
index 48201759..f6be3e00 100644
--- a/test/Player.tsx
+++ b/test/Player.tsx
@@ -102,6 +102,13 @@ test('video.playbackRate = 0.5', async (t) => {
   t.equal(videoRef.current?.playbackRate, 0.5);
 });
 
+test('video.poster is forwarded', (t) => {
+  const poster = 'https://example.com/poster.jpg';
+  const wrapper = render(<Player src="file.mp4" poster={poster} activePlayer={HtmlPlayer} />);
+
+  t.equal(wrapper.root.findByType('video').props.poster, poster);
+});
+
 await test('video.duration', async (t) => {
   const videoRef: React.Ref<HTMLVideoElement> = React.createRef();
   render(<Player ref={videoRef} src="https://stream.mux.com/a4nOgmxGWg6gULfcBbAa00gXyfcwPnAFldF8RdsNyk8M/low.mp4" activePlayer={HtmlPlayer} />);