feat: 透传 video 标签 crossorigin

zhihu · Mar 18, 2024 · 68c65bb · 68c65bb
1 parent fc20672
commit 68c65bb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/example/src/MP4Page.tsx b/example/src/MP4Page.tsx
@@ -70,6 +70,7 @@ const App = () => {
         key={query.key}
         autoplay={query.autoplay !== '0'}
         sources={'hls' in query ? hlsSources : sources}
+        crossOrigin="anonymous"
         localeConfig={{
           'zh-Hans': {
             'quality-ld': {

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 | undefined
 }
 
 // 仅供 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
@@ -342,6 +342,7 @@ class Video extends Component<VideoProps> {
       useMSE,
       sources,
       currentQuality,
+      crossOrigin,
     } = this.props
 
     const {VideoComponent} = selectVideo(format, useMSE)
@@ -355,6 +356,7 @@ class Video extends Component<VideoProps> {
         className={css(styles.root)}
         preload="metadata"
         playsInline
+        crossOrigin={crossOrigin}
         webkit-playsinline=""
         x-webkit-airplay="deny"
         muted={!volume}