From c0547fd69fdb9c08106694245d6d3194fba29529 Mon Sep 17 00:00:00 2001
From: xiabaoying <xiabaoying@zhihu.com>
Date: Fri, 15 Mar 2024 17:43:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=80=8F=E4=BC=A0=20video=20=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=20crossorigin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/griffith/src/components/Player.tsx | 3 +++
 packages/griffith/src/components/Video.tsx  | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/griffith/src/components/Player.tsx b/packages/griffith/src/components/Player.tsx
index 89389dc5..21b33694 100644
--- a/packages/griffith/src/components/Player.tsx
+++ b/packages/griffith/src/components/Player.tsx
@@ -86,6 +86,7 @@ type InnerPlayerProps = {
   hideCover?: boolean
   noWriteDocTitle?: boolean
   layerContent?: React.ReactNode
+  crossorigin?: string
 }
 
 // 仅供 Provider 使用的属性
@@ -143,6 +144,7 @@ const InnerPlayer: React.FC<InnerPlayerProps> = ({
   hideCover,
   noWriteDocTitle,
   layerContent,
+  crossorigin,
 }) => {
   const {emitEvent, subscribeAction} = useContext(InternalMessageContext)
   const {currentSrc, sources} = useContext(VideoSourceContext)
@@ -634,6 +636,7 @@ const InnerPlayer: React.FC<InnerPlayerProps> = ({
       <div className={css(styles.video)}>
         <Video
           ref={videoRef}
+          crossorigin={crossorigin}
           controls={ua.isMobile && isPlaybackStarted && !hideMobileControls}
           paused={!isPlaying}
           volume={volume}
diff --git a/packages/griffith/src/components/Video.tsx b/packages/griffith/src/components/Video.tsx
index fdd7eacb..71fc9a68 100644
--- a/packages/griffith/src/components/Video.tsx
+++ b/packages/griffith/src/components/Video.tsx
@@ -35,6 +35,7 @@ type VideoProps = NativeVideoProps & {
   onEvent: (name: EVENTS, data?: unknown) => void
   currentPlaybackRate: PlaybackRate
   useAutoQuality?: boolean
+  crossorigin?: string
 }
 
 class Video extends Component<VideoProps> {
@@ -342,6 +343,7 @@ class Video extends Component<VideoProps> {
       useMSE,
       sources,
       currentQuality,
+      crossorigin,
     } = this.props
 
     const {VideoComponent} = selectVideo(format, useMSE)
@@ -355,6 +357,7 @@ class Video extends Component<VideoProps> {
         className={css(styles.root)}
         preload="metadata"
         playsInline
+        crossorigin={crossorigin}
         webkit-playsinline=""
         x-webkit-airplay="deny"
         muted={!volume}