extend theater mode to video id page template

tubearchivist/home/templates/home/video.html

@@ -2,13 +2,15 @@
 {% block content %}
 {% load static %}
 {% load humanize %}
+<div class="video-main">
+    <video 
+        src="/media/{{ video.media_url }}" 
+        poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" 
+        type='video/mp4' width="100%" playsinline>
+    </video>
+</div>
 <div class="boxed-content">
-    <div class="video-main">
-        <video 
-            src="/media/{{ video.media_url }}" 
-            poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" 
-            type='video/mp4' width="100%" playsinline>
-        </video>
+    <div class="title-bar">
         <h1>{{ video.title }}</h1>
     </div>
     <div class="info-box info-box-3">

tubearchivist/static/css/style.css

@@ -342,7 +342,8 @@ button:hover {
     height: 100vh;
 }
 
-.video-player video {
+.video-player video,
+.video-main video {
     max-height: 80vh;
     width: 90%;
     max-width: 1500px;