perf: videos

Author: 521xueweihan

src/components/mdRender/MDRender.tsx

@@ -1,6 +1,9 @@
 import ReactMarkdown from 'react-markdown';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
-import { vs, vsDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+import {
+  vs,
+  vscDarkPlus,
+} from 'react-syntax-highlighter/dist/cjs/styles/prism';
 import remarkGfm from 'remark-gfm';
 
 import clsxm from '@/lib/clsxm';
@@ -26,7 +29,7 @@ export const CodeRender = ({ code, lanuage }: CodeProps) => {
       );
     } else {
       return (
-        <SyntaxHighlighter style={vsDark} language={lanuage} PreTag='div'>
+        <SyntaxHighlighter style={vscDarkPlus} language={lanuage} PreTag='div'>
           {code}
         </SyntaxHighlighter>
       );
@@ -68,7 +71,7 @@ export const MDRender = ({
         if (match) {
           return (
             <SyntaxHighlighter
-              style={theme !== 'dark' ? vs : vsDark}
+              style={theme !== 'dark' ? vs : vscDarkPlus}
               language={match[1]}
               PreTag='pre'
             >

src/components/respository/Tabs.tsx

@@ -89,9 +89,7 @@ const Tabs = ({ repo, t, i18n_lang }: RepositoryProps) => {
           {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`}
+                src={`${repo.video_url}&autoplay=0&poster=true`}
                 className='h-full w-full'
                 allowFullScreen
                 title={`${repo.name} video player`}