diff --git a/src/features/StreamPlayer/hooks/useVideoQuality.tsx b/src/features/StreamPlayer/hooks/useVideoQuality.tsx index 25d1924e..e49379d8 100644 --- a/src/features/StreamPlayer/hooks/useVideoQuality.tsx +++ b/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)