diff --git a/src/contexts/TrailerContext.tsx b/src/contexts/TrailerContext.tsx
index 53c1438d..c0482b1b 100644
--- a/src/contexts/TrailerContext.tsx
+++ b/src/contexts/TrailerContext.tsx
@@ -1,3 +1,5 @@
+import * as ScreenOrientation from 'expo-screen-orientation';
+
 import React, { createContext, useContext, useState, useCallback, useMemo, ReactNode } from 'react';
 
 interface TrailerContextValue {
@@ -12,6 +14,17 @@ const TrailerContext = createContext<TrailerContextValue | undefined>(undefined)
 export const TrailerProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
   const [isTrailerPlaying, setIsTrailerPlaying] = useState(true);
 
+  React.useEffect(() => {
+    async function handleRotation() {
+      if (isTrailerPlaying) {
+        await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE);
+      } else {
+        await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
+      }
+    }
+    handleRotation();
+  }, [isTrailerPlaying]);
+
   const pauseTrailer = useCallback(() => {
     setIsTrailerPlaying(false);
   }, []);