feat: 透传 video 标签 crossorigin

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': {

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}

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}