Parasitter/app/templates/video.html

46 lines
1.6 KiB
HTML
Raw Normal View History

2020-08-05 07:16:30 +00:00
{% extends "base.html" %}
{% block content %}
<div style="margin-top: 2em;" class="ui one column centered grid">
2020-08-05 07:20:23 +00:00
<video width="720" height="480" controls>
<source src="{{video.url}}" type="video/mp4">
<track label="English" kind="subtitles" srclang="en" src="captions/vtt/sintel-en.vtt" default>
</video>
2020-08-05 07:16:30 +00:00
</div>
<div style="margin-top: 2em;" class="ui one column center aligned grid">
2020-08-05 07:20:23 +00:00
<h2 class="ui header">{{video.title}}</h2></a>
2020-08-05 07:16:30 +00:00
</div>
2020-08-05 07:20:23 +00:00
<div style="margin-top: 2em;" class="ui center aligned grid">
<div class="two wide column">
<a target="_blank" href="{{video.authorUrl}}" class="ui label">
{%if video.author.__len__() > 8%}
<i class="user icon"></i> {{video.author[0:10]+'...'}}
{%else%}
<i class="user icon"></i> {{video.author}}
{%endif%}
</a>
2020-08-05 07:16:30 +00:00
</div>
2020-08-05 07:20:23 +00:00
<div class="two wide column">
<div class="ui label">
<i class="eye icon"></i>{{video.viewCount}}
</div>
2020-08-05 07:16:30 +00:00
</div>
2020-08-05 07:20:23 +00:00
<div class="two wide column">
<div class="para-light-grey">
<div class="para-green" style="height:12px;width:{{video.averageRating.split(".")[0]}}%"></div>
</div>
<div class="label"> Rating: {{video.averageRating[0:4]}}% <i class="green thumbs up icon"></i></div>
2020-08-05 07:16:30 +00:00
</div>
</div>
2020-08-05 07:20:23 +00:00
2020-08-05 07:16:30 +00:00
<div style="margin-top: 2em;" class="ui one column center aligned grid">
<div style="margin-bottom: 2em;" class="ui comments">
<h3 class="ui dividing header">Description</h3>
{{video.description}}
</div>
</div>
{% endblock %}