2020-08-23 00:26:04 +05:30
|
|
|
<head>
|
2020-09-02 00:33:51 +05:30
|
|
|
<link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='video-js.min.css') }}">
|
2020-08-23 00:26:04 +05:30
|
|
|
</head>
|
2020-07-31 15:58:52 +05:30
|
|
|
{% extends "base.html" %}
|
|
|
|
|
{% block content %}
|
2020-08-27 19:34:14 +05:30
|
|
|
<div class="ui text container">
|
2020-10-10 20:56:28 +05:30
|
|
|
{% if info.error != None or info.playability_error != None %}
|
2020-09-10 19:54:53 +05:30
|
|
|
<div class="ui center aligned text container">
|
2020-10-06 21:04:38 +05:30
|
|
|
<div class="ui segment">
|
|
|
|
|
<h4 class="ui header">ERROR WITH VIDEO</h4>
|
|
|
|
|
</div>
|
2020-08-28 03:26:14 +05:30
|
|
|
</div>
|
2020-10-10 20:56:28 +05:30
|
|
|
{% elif info.playability_status != None %}
|
2020-09-10 19:54:53 +05:30
|
|
|
<div class="ui center aligned text container">
|
2020-10-05 17:18:54 +05:30
|
|
|
<div class="ui segment">
|
|
|
|
|
<h4 class="ui header">SCHEDULED VIDEO</h4>
|
|
|
|
|
<h5 class="ui header">{{video.premieres}}</h5>
|
2020-09-10 19:54:53 +05:30
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-10-10 20:56:28 +05:30
|
|
|
{% elif info.live %}
|
2020-10-06 21:04:38 +05:30
|
|
|
<div class="video-js-responsive-container vjs-hd">
|
2020-10-10 20:56:28 +05:30
|
|
|
<video-js id=live width="1080" class="video-js vjs-default-skin" controls>
|
2020-10-06 21:04:38 +05:30
|
|
|
<source
|
2020-10-10 20:56:28 +05:30
|
|
|
src="#"
|
2020-10-06 21:04:38 +05:30
|
|
|
type="application/x-mpegURL">
|
|
|
|
|
</video-js>
|
|
|
|
|
</div>
|
2020-10-05 18:42:02 +05:30
|
|
|
<div class="ui center aligned text container">
|
|
|
|
|
<div class="ui segment">
|
2020-10-10 20:56:28 +05:30
|
|
|
<h3 class="ui header"><i class="red small circle icon"></i> LIVESTREAM VIDEO</h3>
|
2020-10-06 21:04:38 +05:30
|
|
|
<h4 class="ui header">FEATURE AVAILABLE SOON</h4>
|
|
|
|
|
<h5 class="ui header">Livestreams are under developent and still not supported on Yotter.</h5>
|
2020-10-05 18:42:02 +05:30
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-09-10 19:54:53 +05:30
|
|
|
{%else%}
|
|
|
|
|
<div class="video-js-responsive-container vjs-hd">
|
|
|
|
|
<video class="video-js vjs-default-skin"
|
2020-10-05 18:42:02 +05:30
|
|
|
data-setup='{ "playbackRates": [0.5, 0.75, 1, 1.25,1.5, 1.75, 2] }'
|
2020-09-10 19:54:53 +05:30
|
|
|
width="1080"
|
|
|
|
|
controls
|
|
|
|
|
buffered
|
|
|
|
|
preload="none">
|
|
|
|
|
{% if config.nginxVideoStream %}
|
2020-10-10 20:56:28 +05:30
|
|
|
{% for format in info.formats %}
|
|
|
|
|
{% if format.video_valid %}
|
|
|
|
|
<source src="{{format.url}}" type="video/{{format.ext}}">
|
|
|
|
|
{% endif %}
|
2020-10-05 18:42:02 +05:30
|
|
|
{% endfor %}
|
2020-09-10 19:54:53 +05:30
|
|
|
{% endif %}
|
|
|
|
|
</video>
|
|
|
|
|
</div>
|
|
|
|
|
{%endif%}
|
2020-07-31 15:58:52 +05:30
|
|
|
|
2020-08-27 19:34:14 +05:30
|
|
|
<div class="ui segments">
|
|
|
|
|
<div class="ui segment">
|
2020-10-10 20:56:28 +05:30
|
|
|
<h2 class="ui header break-word">{{info.title}}</h2>
|
2020-08-05 02:48:59 +05:30
|
|
|
</div>
|
2020-08-27 19:34:14 +05:30
|
|
|
<div class="ui horizontal segments">
|
|
|
|
|
<div class="center aligned ui segment">
|
2020-10-10 20:56:28 +05:30
|
|
|
<a href="{{ url_for('channel', id=info.author_id)}}">
|
|
|
|
|
<i class="user icon"></i> {{info.author}}
|
2020-08-27 19:34:14 +05:30
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="center aligned ui segment">
|
2020-10-10 20:56:28 +05:30
|
|
|
<h4 class="ui header"><i class="grey eye icon"></i>{{info.view_count}}</h4>
|
2020-08-27 19:34:14 +05:30
|
|
|
</div>
|
|
|
|
|
<div class="center aligned ui segment">
|
2020-10-10 20:56:28 +05:30
|
|
|
{% if info.rating | int > 49 %}
|
|
|
|
|
<h4 class="ui header"><i class="green thumbs up icon"></i> {{info.rating}}%</h4>
|
2020-08-27 19:34:14 +05:30
|
|
|
{% else %}
|
2020-10-10 20:56:28 +05:30
|
|
|
<h4 class="ui header"><i class="red thumbs down icon"></i> {{info.rating}}%</h4>
|
2020-08-27 19:34:14 +05:30
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
2020-08-05 02:48:59 +05:30
|
|
|
</div>
|
|
|
|
|
|
2020-09-20 15:29:26 +05:30
|
|
|
<div class="ui raised center aligned segment break-word">
|
2020-10-10 20:56:28 +05:30
|
|
|
<p><i class="grey music icon"></i><b>Audio Only</b></p>
|
2020-09-20 15:29:26 +05:30
|
|
|
<audio controls>
|
2020-10-10 20:56:28 +05:30
|
|
|
{% for format in info.formats %}
|
|
|
|
|
{% if format.audio_valid %}
|
|
|
|
|
<source src="{{format.url}}">
|
|
|
|
|
{%endif%}
|
|
|
|
|
{%endfor%}
|
|
|
|
|
No audio available.
|
2020-09-20 15:29:26 +05:30
|
|
|
</audio>
|
|
|
|
|
</div>
|
|
|
|
|
|
2020-09-05 16:46:58 +05:30
|
|
|
<div class="ui raised segment break-word">
|
2020-10-10 20:56:28 +05:30
|
|
|
<p>{{info.description}}</p>
|
2020-09-20 15:29:26 +05:30
|
|
|
</div>
|
2020-10-07 19:52:16 +05:30
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ui comments">
|
|
|
|
|
<h3 class="ui dividing header">Comments</h3>
|
2020-10-10 20:56:28 +05:30
|
|
|
{% for comment in videocomments %}
|
2020-10-07 19:52:16 +05:30
|
|
|
{% include '_video_comment.html' %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
|
2020-09-02 00:33:51 +05:30
|
|
|
<script src="{{ url_for('static',filename='video.min.js') }}"></script>
|
2020-10-10 20:56:28 +05:30
|
|
|
{% if info.live %}
|
|
|
|
|
<p>Active</p>
|
|
|
|
|
<script src="{{ url_for('static',filename='videojs-http-streaming.min.js')}}"></script>
|
2020-10-07 20:34:48 +05:30
|
|
|
<script>
|
|
|
|
|
var player = videojs('live');
|
|
|
|
|
player.play();
|
|
|
|
|
</script>
|
|
|
|
|
{% endif %}
|
2020-07-31 15:58:52 +05:30
|
|
|
{% endblock %}
|
