extend theater mode to video id page template

This commit is contained in:
simon 2021-12-08 14:30:13 +07:00
parent 279c4538ca
commit 9bb68aac66
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
2 changed files with 10 additions and 7 deletions

View File

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

View File

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