tubearchivist/tubearchivist-frontend
1
0
Fork 0
mirror of https://github.com/tubearchivist/tubearchivist-frontend.git synced 2024-11-22 20:00:15 +00:00
Code Issues Projects Releases Wiki Activity

extend theater mode to video id page template

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
tubearchivist/home/templates/home/video.html
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">

3
tubearchivist/static/css/style.css
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;