diff --git a/src/api/play-url.test.ts b/src/api/play-url.test.ts
index 68f2c51..df36ddc 100644
--- a/src/api/play-url.test.ts
+++ b/src/api/play-url.test.ts
@@ -2,7 +2,7 @@ import { test } from 'vitest'
 
 import request from './fetcher'
 import { PlayUrlResponseSchema } from './play-url.schema'
-
+// import fs from 'node:fs'
 test('get-play-url', async () => {
   const res = await request(
     '/x/player/wbi/playurl?bvid=BV1Av421r7Ur&cid=1454646853&type=mp4&qn=64&fnval=1&platform=pc&high_quality=1',
@@ -23,3 +23,15 @@ test('get-play-url-html5', async () => {
   )
   PlayUrlResponseSchema.parse(res)
 })
+
+// test('aaa', async () => {
+//   const qn = [32, 64, 74, 80, 112, 116]
+//   const list = {}
+//   for (const q of qn) {
+//     const res = await request(
+//       `/x/player/wbi/playurl?bvid=BV1HH4y1h7eh&cid=1432196942&qn=${q}&fnval=16&platform=pc&high_quality=1`,
+//     )
+//     list[q] = res
+//   }
+//   fs.writeFileSync('listaaa3.json', JSON.stringify(list, null, 2))
+// })
diff --git a/src/components/CommentList.tsx b/src/components/CommentList.tsx
index 3a11159..f931afd 100644
--- a/src/components/CommentList.tsx
+++ b/src/components/CommentList.tsx
@@ -1,5 +1,6 @@
 import { Icon, Skeleton, Text } from '@rneui/themed'
 import { FlashList } from '@shopify/flash-list'
+import clsx from 'clsx'
 import React from 'react'
 import { TouchableOpacity, View } from 'react-native'
 
@@ -8,7 +9,6 @@ import { colors } from '@/constants/colors.tw'
 import { type CommentItemType, useComments } from '../api/comments'
 import { Comment } from './Comment'
 import ReplyList from './ReplyList'
-import clsx from 'clsx'
 
 function Loading() {
   return (
@@ -72,7 +72,11 @@ export default function CommentList(
                   color={tw(colors.gray6.text).color}
                 />
                 <Text className={`text-xs mr-3 px-1 ${colors.gray6.text}`}>
-                  {allCount ? allCount + '条评论' : '暂无评论'}
+                  {allCount
+                    ? allCount + '条评论'
+                    : isLoading
+                      ? '加载中'
+                      : '暂无评论'}
                 </Text>
               </View>
               <View className="ml-2 mr-1 flex-row gap-2 items-center">
diff --git a/src/routes/About/Statement.tsx b/src/routes/About/Statement.tsx
index af2b723..7c73388 100644
--- a/src/routes/About/Statement.tsx
+++ b/src/routes/About/Statement.tsx
@@ -44,10 +44,12 @@ function Statement() {
           </Card.Title>
           <Card.Divider />
           <View>
-            <Text className="text-base">感谢你使用这款应用 ❤</Text>
+            <Text className="text-base">感谢你使用这款应用(MiniBili) ❤</Text>
             <Text />
             <Text className="text-base">
-              本应用完全开源并且所有数据均为B站官网公开，不涉及任何个人隐私数据，仅供学习交流!
+              本应用完全开源并且所有数据均为B站官网公开，不涉及任何个人隐私数据，
+              <Text className="font-bold">*仅供*</Text>
+              个人使用及学习交流!
             </Text>
             <Text className="text-base">
               有问题欢迎使用意见反馈或者在
@@ -61,7 +63,7 @@ function Statement() {
               中提出 😀
             </Text>
             <Text />
-            <Text>⚠️ 切勿频繁刷新数据！🙏</Text>
+            <Text className="text-base">⚠️ 切勿频繁刷新数据！🙏</Text>
             <View className="items-end my-3">
               <Button
                 size="sm"
diff --git a/src/routes/Dynamic/index.tsx b/src/routes/Dynamic/index.tsx
index 930a5f6..812376d 100644
--- a/src/routes/Dynamic/index.tsx
+++ b/src/routes/Dynamic/index.tsx
@@ -105,26 +105,27 @@ function Dynamic({ route }: Props) {
     error,
   } = useDynamicItems(upId)
   useErrToast('请求动态失败', error)
-  const headerTitle = React.useCallback(() => {
-    return (
-      <HeaderLeft
-        scrollTop={() => {
-          try {
-            dynamicListRef.current?.scrollToOffset({
-              offset: 0,
-            })
-          } catch (err) {}
-        }}
-      />
-    )
-  }, [])
+
   useUpdateNavigationOptions(
     React.useMemo(() => {
+      const headerTitle = () => {
+        return (
+          <HeaderLeft
+            scrollTop={() => {
+              try {
+                dynamicListRef.current?.scrollToOffset({
+                  offset: 0,
+                })
+              } catch (err) {}
+            }}
+          />
+        )
+      }
       return {
         headerTitle,
         headerRight,
       }
-    }, [headerTitle]),
+    }, []),
   )
 
   const renderItem = ({ item }: { item: DynamicItemAllType }) => {
diff --git a/src/routes/History/index.tsx b/src/routes/History/index.tsx
index 525e951..cceb98d 100644
--- a/src/routes/History/index.tsx
+++ b/src/routes/History/index.tsx
@@ -38,7 +38,7 @@ function HistoryList() {
           },
         },
       }
-    }, [headerTitle]),
+    }, [headerTitle, blackColor]),
   )
 
   const buttons = (video: CollectVideoInfo) => {
diff --git a/src/routes/Play/Header.tsx b/src/routes/Play/Header.tsx
index 47ab279..8a5f11e 100644
--- a/src/routes/Play/Header.tsx
+++ b/src/routes/Play/Header.tsx
@@ -31,10 +31,7 @@ export function PlayHeaderTitle() {
           'text-lg font-semibold',
           isBlackUp && 'line-through',
           followed && colors.secondary.text,
-        )}
-        onPress={() => {
-          //
-        }}>
+        )}>
         {route.params?.name || vi?.name}
       </Text>
       <Text
@@ -167,14 +164,14 @@ export function PlayHeaderRight(props: { cid?: number; refresh: () => void }) {
           }}>
           省流
         </MenuItem>
-        <MenuItem
+        {/* <MenuItem
           textStyle={tw(' text-black dark:text-gray-300')}
           pressColor={tw(colors.gray4.text).color}
           onPress={() => {
             showToast('暂未实现')
           }}>
           切换高清
-        </MenuItem>
+        </MenuItem> */}
         {/* <MenuItem
           textStyle={tw(' text-black dark:text-gray-300')}
           pressColor={tw(colors.gray4.text).color}
diff --git a/src/routes/Play/Player.tsx b/src/routes/Play/Player.tsx
index d42555b..71e3ade 100644
--- a/src/routes/Play/Player.tsx
+++ b/src/routes/Play/Player.tsx
@@ -29,6 +29,8 @@ import { useAppStateChange } from '../../hooks/useAppState'
 import { useStore } from '../../store'
 import { parseDuration, parseImgUrl, showToast } from '../../utils'
 import { INJECTED_JAVASCRIPT } from './inject-play'
+import { CheckBox } from '@rneui/themed'
+const PlayUrl = 'https://www.bilibili.com/blackboard/html5mobileplayer.html'
 
 export default React.memo(Player)
 
@@ -38,10 +40,10 @@ function Player(props: { currentPage: number; onPlayEnded: () => void }) {
   const { width, height } = useWindowDimensions()
   const [verticalExpand, setVerticalExpand] = React.useState(false)
   const { data } = useVideoInfo(route.params.bvid)
-  const isWifi = getIsWiFi()
+  const isWifi = false //getIsWiFi()
 
   const [loadPlayer, setLoadPlayer] = React.useState(isWifi)
-  // const [updateUrlReady, setUpdateUrlReady] = React.useState(false)
+  const [highQuality, setHighQuality] = React.useState(isWifi)
 
   const loadingErrorRef = React.useRef(false)
   const webviewRef = React.useRef<WebView | null>(null)
@@ -50,7 +52,7 @@ function Player(props: { currentPage: number; onPlayEnded: () => void }) {
     ...data,
   }
   const cid = videoInfo.pages ? videoInfo.pages[props.currentPage - 1].cid : 0
-  const { videoUrl } = usePlayUrl(videoInfo.bvid, cid, isWifi)
+  const { videoUrl } = usePlayUrl(videoInfo.bvid, cid, highQuality)
   const markVideoWatched = useMarkVideoWatched()
 
   const [isEnded, setIsEnded] = React.useState(true)
@@ -81,15 +83,6 @@ function Player(props: { currentPage: number; onPlayEnded: () => void }) {
     `)
   }, [imagesList.length])
 
-  // React.useEffect(() => {
-  //   if (videoUrl && loadPlayer && webviewRef.current) {
-  //     webviewRef.current.injectJavaScript(
-  //       `window.newVideoUrl = "${videoUrl}";
-  //       window.replaceVideoUrl && replaceVideoUrl();true;`,
-  //     )
-  //   }
-  // }, [videoUrl, loadPlayer])
-
   useAppStateChange(currentAppState => {
     if (
       currentAppState === 'active' &&
@@ -206,93 +199,114 @@ function Player(props: { currentPage: number; onPlayEnded: () => void }) {
     </View>
   )
 
-  const search = new URLSearchParams()
-  const playUrl = 'https://www.bilibili.com/blackboard/html5mobileplayer.html'
-  // const playUrl = 'https://www.bilibili.com/blackboard/webplayer/mbplayer.html'
-  Object.entries({
-    bvid: route.params.bvid,
-    cid,
-    // quality: isWifi ? 64 : 32,
-    portraitFullScreen: true,
-    // highQuality: isWifi ? 1 : 0,
-    page: props.currentPage,
-    autoplay: 1, // isWifi ? 0 : 1,
-    hasMuteButton: true,
-  }).forEach(([k, v]) => {
-    if (v !== undefined) {
-      search.append(k, v + '')
+  const playPageUrl = React.useMemo(() => {
+    if (!videoUrl || !loadPlayer) {
+      return
     }
-  })
-  const uri = `${playUrl}?${search}#${encodeURIComponent(videoUrl ?? '')}`
-  const player =
-    loadPlayer && cid ? (
-      <WebView
-        source={{
-          uri,
-        }}
-        ref={webviewRef}
-        className="bg-black"
-        originWhitelist={['https://*', 'bilibili://*']}
-        containerStyle={tw('bg-black')}
-        allowsFullscreenVideo
-        injectedJavaScriptForMainFrameOnly
-        allowsInlineMediaPlayback
-        startInLoadingState
-        userAgent={UA}
-        // key={videoInfo.bvid}
-        mediaPlaybackRequiresUserAction={false}
-        injectedJavaScript={INJECTED_JAVASCRIPT}
-        renderLoading={renderLoading}
-        onMessage={handleMessage}
-        onLoad={() => {
-          loadingErrorRef.current = false
-        }}
-        onError={() => {
-          showToast('当前视频加载失败/(ㄒoㄒ)/~~')
-          loadingErrorRef.current = true
-        }}
-        onShouldStartLoadWithRequest={request => {
-          // Only allow navigating within this website
-          if (request.url.endsWith('/log-reporter.js')) {
-            return false
-          }
-          if (request.url.startsWith('http') && !request.url.includes('.apk')) {
-            return true
-          }
+    const search = new URLSearchParams()
+    Object.entries({
+      bvid: videoInfo.bvid,
+      cid,
+      // quality: isWifi ? 64 : 32,
+      portraitFullScreen: true,
+      // highQuality: isWifi ? 1 : 0,
+      page: props.currentPage,
+      autoplay: 1, // isWifi ? 0 : 1,
+      hasMuteButton: true,
+    }).forEach(([k, v]) => {
+      if (v !== undefined) {
+        search.append(k, v + '')
+      }
+    })
+    return `${PlayUrl}?${search}#${encodeURIComponent(videoUrl)}`
+  }, [videoUrl, loadPlayer, videoInfo.bvid, props.currentPage])
+
+  const player = playPageUrl ? (
+    <WebView
+      source={{
+        uri: playPageUrl,
+      }}
+      ref={webviewRef}
+      className="bg-black"
+      originWhitelist={['https://*', 'bilibili://*']}
+      containerStyle={tw('bg-black')}
+      allowsFullscreenVideo
+      injectedJavaScriptForMainFrameOnly
+      allowsInlineMediaPlayback
+      startInLoadingState
+      userAgent={UA}
+      // key={videoInfo.bvid}
+      mediaPlaybackRequiresUserAction={false}
+      injectedJavaScript={INJECTED_JAVASCRIPT}
+      renderLoading={renderLoading}
+      onMessage={handleMessage}
+      onLoad={() => {
+        loadingErrorRef.current = false
+      }}
+      onError={() => {
+        showToast('当前视频加载失败/(ㄒoㄒ)/~~')
+        loadingErrorRef.current = true
+      }}
+      onShouldStartLoadWithRequest={request => {
+        // Only allow navigating within this website
+        if (request.url.endsWith('/log-reporter.js')) {
           return false
-        }}
-      />
-    ) : (
-      <Pressable
-        onPress={() => {
-          setLoadPlayer(true)
-        }}
-        className="flex-1">
-        {videoInfo?.cover ? (
-          <ImageBackground
-            source={{ uri: parseImgUrl(videoInfo.cover, 500, 312) }}
-            resizeMode="cover"
-            className="flex-1 justify-center items-center">
-            <Image2
-              source={require('../../../assets/play.png')}
-              className="w-16 opacity-80"
-            />
-            <View className="absolute bottom-2 left-2 flex-row gap-2">
-              {videoInfo?.duration ? (
-                <Text className="rounded bg-gray-900/60 py-[2px] px-2 text-white font-bold">
-                  {parseDuration(videoInfo?.duration)}
-                </Text>
-              ) : null}
-              {isWifi ? null : (
-                <Text className="rounded bg-gray-900/60 py-[2px] px-2 text-white font-bold">
-                  播放将消耗流量
-                </Text>
+        }
+        if (request.url.startsWith('http') && !request.url.includes('.apk')) {
+          return true
+        }
+        return false
+      }}
+    />
+  ) : (
+    <Pressable
+      onPress={() => {
+        setLoadPlayer(true)
+      }}
+      className="flex-1">
+      {videoInfo?.cover ? (
+        <ImageBackground
+          source={{ uri: parseImgUrl(videoInfo.cover, 500, 312) }}
+          resizeMode="cover"
+          className="flex-1 justify-center items-center">
+          <Image2
+            source={require('../../../assets/play.png')}
+            className="w-16 opacity-80"
+          />
+          <View className="absolute bottom-2 left-2 flex-row gap-2">
+            {videoInfo?.duration ? (
+              <Text className="rounded bg-gray-900/60 py-[2px] px-2 text-white font-bold">
+                {parseDuration(videoInfo?.duration)}
+              </Text>
+            ) : null}
+            {isWifi ? null : (
+              <Text className="rounded bg-gray-900/60 py-[2px] px-2 text-white font-bold">
+                播放将消耗流量
+              </Text>
+            )}
+          </View>
+
+          <View className="absolute bottom-2 right-2 ">
+            <CheckBox
+              checked={highQuality}
+              title="高清"
+              textStyle={tw('text-white')}
+              wrapperStyle={tw(
+                'rounded bg-gray-900/60 py-[2px] px-2 text-white font-bold',
               )}
-            </View>
-          </ImageBackground>
-        ) : null}
-      </Pressable>
-    )
+              checkedColor={tw(colors.secondary.text).color}
+              uncheckedColor={'white'}
+              size={18}
+              containerStyle={tw('bg-transparent p-0 m-0')}
+              onPress={() => {
+                setHighQuality(!highQuality)
+              }}
+            />
+          </View>
+        </ImageBackground>
+      ) : null}
+    </Pressable>
+  )
   return (
     <View
       renderToHardwareTextureAndroid
diff --git a/src/routes/Play/VideoInfo.tsx b/src/routes/Play/VideoInfo.tsx
index ac30858..c5928f5 100644
--- a/src/routes/Play/VideoInfo.tsx
+++ b/src/routes/Play/VideoInfo.tsx
@@ -1,9 +1,11 @@
 import {
   type RouteProp,
-  useRoute,
   useNavigation,
+  useRoute,
 } from '@react-navigation/native'
 import { Avatar, Dialog, Icon, Text } from '@rneui/themed'
+import clsx from 'clsx'
+import { Image } from 'expo-image'
 import React from 'react'
 import {
   Alert,
@@ -14,7 +16,9 @@ import {
   View,
 } from 'react-native'
 
+import { useWatchingCount } from '@/api/watching-count'
 import { colors } from '@/constants/colors.tw'
+import { useStore } from '@/store'
 import type { NavigationProps, RootStackParamList } from '@/types'
 import {
   handleShareVideo,
@@ -26,10 +30,6 @@ import {
 } from '@/utils'
 
 import { useVideoInfo } from '../../api/video-info'
-import clsx from 'clsx'
-import { useStore } from '@/store'
-import { useWatchingCount } from '@/api/watching-count'
-import { Image } from 'expo-image'
 
 export default React.memo(VideoInfo)
 
diff --git a/src/routes/Play/inject-play.js b/src/routes/Play/inject-play.js
index 7f3ca32..5e93c7e 100644
--- a/src/routes/Play/inject-play.js
+++ b/src/routes/Play/inject-play.js
@@ -103,8 +103,8 @@ function __$hack() {
         }),
       )
     }
-    const style = document.createElement('style')
-    style.textContent = `
+    const fixStyle = document.createElement('style')
+    fixStyle.textContent = `
     html, body, #bilibiliPlayer, .mplayer {
       background-color: black!important;
     }
@@ -115,7 +115,7 @@ function __$hack() {
       align-items: center;
     }
     `
-    document.head.appendChild(style)
+    document.head.appendChild(fixStyle)
   })
 
   waitForVideo(vi => {
@@ -137,7 +137,7 @@ function __$hack() {
       if (evt.target.matches('.mplayer-right *')) {
         return
       }
-      const video = document.querySelector('video')
+      const video = document.querySelector('video[src]')
       if (!video) {
         return
       }
diff --git a/src/routes/VideoList/Test.tsx b/src/routes/VideoList/Test.tsx
index 4f7b4c3..3675e77 100644
--- a/src/routes/VideoList/Test.tsx
+++ b/src/routes/VideoList/Test.tsx
@@ -24,7 +24,7 @@ export default function Test() {
       return true
     }
   }
-  const [current, setCurrent] = React.useState(0)
+  const [_current, setCurrent] = React.useState(0)
 
   return (
     <PagerView