fix(#in221): video quality for mobiles

src/features/StreamPlayer/hooks/useVideoQuality.tsx

@@ -15,6 +15,7 @@ import isString from 'lodash/isString'
 import filter from 'lodash/fp/filter'
 
 import { useLocalStore } from 'hooks'
+import { isMobileDevice } from 'config/userAgent'
 
 const autoQuality = {
   label: 'Auto',
@@ -76,7 +77,11 @@ export const useVideoQuality = (hls: Hls | null) => {
       const quality = find(qualities, { label: selectedQuality }) || qualities[0]
       // eslint-disable-next-line no-param-reassign
       hls.currentLevel = quality.level
-      setSelectedQuality(quality.label)
+
+      isMobileDevice
+        ? setSelectedQuality('720')
+        : setSelectedQuality(quality.label)
+
       setVideoQualities(qualities)
     }
     hls.on(Hls.Events.MANIFEST_PARSED, listener)