SimpleerTube/templates/video.html

123 lines
3.3 KiB
HTML
Raw Permalink Normal View History

{% extends "base.html" %}
2021-01-17 15:04:24 +00:00
{% block title %}{{ video.name }} - {{ domain }}{% endblock %}
2021-01-17 15:04:24 +00:00
{% block content %}
<h3>{{ video.name }}</h3>
By:
<a href="/{{ domain }}/video-channels/{{ video.channel.name }}@{{ video.channel.host }}/videos">
<b>{{ video.channel.displayName }}</b>
</a>
<a href="/{{ domain }}/accounts/{{ video.channel.ownerAccount.name }}@{{ video.channel.ownerAccount.host }}/video-channels">
({{ video.channel.ownerAccount.name }}@{{ video.channel.ownerAccount.host }})
</a>
<br>
{% if video.no_quality_selected and not embed %}
<img height="300" style="max-width: 100%" src="https://{{ video.channel.host }}{{ video.thumbnailPath }}">
<p style="color: red">Please select a resolution:</p>
{% elif embed %}
<iframe src="https://{{ video.channel.host }}{{ video.embedPath }}" height="300" allowfullscreen="" frameborder="0"></iframe>
<br>
<b>Resolutions:</b>
{% else %}
<video height="300" style="max-width: 100%" controls>
<source src="{{ video.video }}">{% for track in video.captions.data %}
<track kind="subtitles" srclang="{{ track.language.id }}" label="{{ track.language.label }}" src="/{{ domain }}/videos/watch/{{ video.uuid }}/{{ track.language.id }}.vtt">{% endfor %}
</video>
<br>
<b>Resolutions:</b>
{% endif %}
2021-01-17 15:04:24 +00:00
{% for resolution in video.resolutions %}
2021-07-18 09:13:45 +00:00
{% if resolution.id == quality %}
{% if resolution.label == "0p" %}
[<a href="?quality={{ resolution.id }}">Audio Only</a>]
{% else %}
[<a href="?quality={{ resolution.id }}">{{ resolution.label }}</a>]
{% endif %}
2021-05-08 12:33:35 +00:00
{% else %}
2021-07-18 09:13:45 +00:00
{% if resolution.label == "0p" %}
<a href="?quality={{ resolution.id }}">Audio Only</a>
{% else %}
<a href="?quality={{ resolution.id }}">{{ resolution.label }}</a>
{% endif %}
2021-05-08 12:33:35 +00:00
{% endif %}
{% endfor %}
<a href="?embed=1">Embedded</a>
<br>
Views: <b>{{ video.views }}</b> Likes: <b>{{ video.likes }}</b> Dislikes: <b>{{ video.dislikes }}</b>
<br>
<br>
{{ video.description }}
<br>
<br>
<table>
<tr>
<td><b>Category</b></td>
<td>{{ video.category.label }}</td>
</tr>
<tr>
<td><b>License</b></td>
<td>{{ video.licence.label }}</td>
</tr>
<tr>
<td><b>Language</b></td>
<td>{{ video.language.label }}</td>
</tr>
<tr>
<td><b>Privacy</b></td>
<td>{{ video.privacy.label }}</td>
</tr>
<tr>
<td><b>Tags</b></td>
<td>
2021-03-24 19:27:22 +00:00
{% for tag in video.tags %}
<span class="tag">{{ tag }}</span>
{% endfor %}
</td>
</tr>
</table>
2021-01-20 20:00:11 +00:00
<br>
<br>
<br>
{% if video.commentsEnabled %}
{{ comments.total }} Comments
<br>
<br>
{% for comment in comments.data %}
2021-01-20 20:00:11 +00:00
{% if not comment.isDeleted %}
2021-01-22 14:04:35 +00:00
<a href="/{{ domain }}/accounts/{{ comment.account.name }}@{{ comment.account.host }}">
<b>{{ comment.account.displayName }}</b>
</a>
<br>
{{ comment.text }}
<br>
{% else %}
<div style="color: #5F5F5F">
<b>Unknown</b>
<br>
Deleted Comment
</div>
{% endif %}
<i>
{% if comment.totalReplies == 1 %}
1 Reply
{% else %}
{{ comment.totalReplies }} Replies
{% endif %}
</i>
2021-01-20 20:00:11 +00:00
<br>
<br>
{% endfor %}
{% else %}
Comments disabled.
{% endif %}
2021-01-20 20:00:11 +00:00
{% endblock %}