tubearchivist
/
tubearchivist-frontend
mirror of https://github.com/tubearchivist/tubearchivist-frontend.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

14
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="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="boxed-content">
<div class="video-main"> <div class="title-bar">
<video
src="/media/{{ video.media_url }}"
poster="/cache/{{ video.vid_thumb_url }}" controls preload="false"
type='video/mp4' width="100%" playsinline>
</video>
<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;