feat: add videos

Author: 521xueweihan

public/locales/en/repository.json

@@ -59,6 +59,7 @@
   "content": {
     "desc_tab": "Description",
     "code_tab": "Code",
+    "video_tab": "Video",
     "volume_label": "Included in:",
     "volume": "Vol.{{volume}}",
     "tag_label": "Tags:"

public/locales/zh/repository.json

@@ -59,6 +59,7 @@
   "content": {
     "desc_tab": "介绍",
     "code_tab": "代码",
+    "video_tab": "视频",
     "volume_label": "收录于：",
     "volume": "第 {{volume}} 期",
     "tag_label": "标签："

src/components/respository/Tabs.tsx

@@ -83,6 +83,23 @@ const Tabs = ({ repo, t, i18n_lang }: RepositoryProps) => {
           <MDRender>{repo.code}</MDRender>
         </div>
       );
+    } else if (selectTab === 'video') {
+      return (
+        <div className='w-full p-2'>
+          {repo.video_url && (
+            <div className='aspect-video w-full overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700'>
+              <iframe
+                src={`${repo.video_url}${
+                  repo.video_url.includes('?') ? '&' : '?'
+                }autoplay=0`}
+                className='h-full w-full'
+                allowFullScreen
+                title={`${repo.name} video player`}
+              />
+            </div>
+          )}
+        </div>
+      );
     }
   };
 
@@ -103,6 +120,14 @@ const Tabs = ({ repo, t, i18n_lang }: RepositoryProps) => {
             {t('content.code_tab')}
           </span>
         )}
+        {repo.video_url && (
+          <span
+            className={tabClassName('video')}
+            onClick={() => setSelectTab('video')}
+          >
+            {t('content.video_tab')}
+          </span>
+        )}
       </nav>
       {tabContent()}
     </>

src/types/repository.tsx

@@ -37,6 +37,9 @@ export interface Repository extends RepoType {
   license_lid: string;
   license_spdx_id: string;
 
+  // 新增视频URL字段
+  video_url: string | null;
+
   star_history: StarHistory;
 
   release_tag: string | null;