sigmasternchen/MyTube
1
0
Fork 0
mirror of https://github.com/sigmasternchen/MyTube synced 2025-03-15 21:08:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

removed set pane for now

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/css/watch.css
View file

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

66
templates/watch/watch.html.twig
View file

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