feat: 透传 video 标签 crossorigin

zhihu · Mar 15, 2024 · c0547fd · c0547fd
1 parent fc20672
commit c0547fd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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}