removed set pane for now

This commit is contained in:
overflowerror 2021-01-17 21:31:33 +01:00
parent 2f8f4f1277
commit fa306ca450
2 changed files with 37 additions and 36 deletions

View file

@ -1,5 +1,4 @@
#player {
width: 73.5%;
}
#player .video-js {
@ -7,10 +6,11 @@
}
.pane-container {
position: relative;
margin-bottom: 3%;
}
#set {
display: none;
position: absolute;
top: 0;
right: 0;
@ -20,9 +20,8 @@
}
#info {
width: 73.5%;
padding: 1%;
position: relative;
padding: 3%;
}
.views {

View file

@ -47,39 +47,41 @@
{% block body %}
<div class="pane-container">
<div id="player" class="shadow-5-strong">
<video
id="video"
class="video-js vjs-theme-fantasy"
controls
preload="auto"
poster="{{ thumbnail }}"
data-setup="{}"
>
<!--<source src="{{ global }}#.m3u8" type="application/vnd.apple.mpegur" />-->
<source src="{{ global }}#.m3u8" type="application/x-mpegURL"/>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</div>
<div id="info" class="bg-light shadow-5-strong">
<div class="user">
<img
src="{{ path("app_user_profile_picture", {"username": video.uploader.username}) }}"
class="rounded-circle avatar"
alt=""
/>
<span>{{ video.uploader.name }}</span>
<div class="bg-light shadow-5-strong col-12">
<div id="player">
<video
id="video"
class="video-js vjs-theme-fantasy"
controls
preload="auto"
poster="{{ thumbnail }}"
data-setup="{}"
>
<!--<source src="{{ global }}#.m3u8" type="application/vnd.apple.mpegur" />-->
<source src="{{ global }}#.m3u8" type="application/x-mpegURL"/>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</div>
<h2>{{ video.name }}</h2>
<div class="views">
{{ video.views }} {{ video.views == 1 ? "View" : "Views" }}
</div>
<div class="description">
{{ video.description }}
<div id="info">
<div class="user">
<img
src="{{ path("app_user_profile_picture", {"username": video.uploader.username}) }}"
class="rounded-circle avatar"
alt=""
/>
<span>{{ video.uploader.name }}</span>
</div>
<h2>{{ video.name }}</h2>
<div class="views">
{{ video.views }} {{ video.views == 1 ? "View" : "Views" }}
</div>
<div class="description">
{{ video.description }}
</div>
</div>
</div>
<div id="set" class="bg-light shadow-5-strong">