chibicitiberiu/ytsm
1
0
Fork 0
mirror of https://github.com/chibicitiberiu/ytsm.git synced 2024-02-24 05:43:31 +00:00
Code Issues Releases Wiki Activity

Merge pull request #81 from cyberjacob/big-video

Browse Source 
Make the video player use more screen space
This commit is contained in:
chibicitiberiu 2019-10-20 13:49:19 +03:00 committed by GitHub
commit 596fdf4f91
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
app/YtManagerApp/templates/YtManagerApp/video.html
View File

@ -4,24 +4,48 @@
{% load ratings %} {% load ratings %}
{% block body %} {% block body %}
<div class="container"> <div class="container">
<h2>{{ object.name }}</h2>
<div class="row"> <div class="row">
<div class="col-10">
<div class="col-8"> <h2>{{ object.name }}</h2>
</div>
<div class="col-2">
<a class="btn btn-secondary" href="https://youtube.com/watch?v={{ object.video_id }}" title="Watch on YouTube"><span class="typcn typcn-social-youtube"></span></a>
{% if object.watched %}
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_mark_video_unwatched' object.id %}" title="Mark not watched">
<span class="typcn typcn-eye" style="color:lightgreen;"></span>
</a>
{% else %}
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_mark_video_watched' object.id %}" title="Mark watched">
<span class="typcn typcn-eye-outline"></span>
</a>
{% endif %}
{% if object.downloaded_path %}
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_delete_video_files' object.id %}" title="Delete downloaded">
<span class="typcn typcn-download" style="color:lightgreen;"></span>
</a>
{% else %}
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_download_video_files' object.id %}" title="Download">
<span class="typcn typcn-download-outline"></span>
</a>
{% endif %}
</div>
</div>
<div class="row">
<div class="col-12">
{% if video_mime != None %} {% if video_mime != None %}
<video width="100%" controls autoplay> <video width="100%" height="600px" controls autoplay>
<source src="{% url 'video-src' object.id %}" type="{{ video_mime }}"> <source src="{% url 'video-src' object.id %}" type="{{ video_mime }}">
</video> </video>
{% else %} {% else %}
<iframe id="ytplayer" type="text/html" width="100%" height="400" <iframe id="ytplayer" type="text/html" width="100%" height="600"
src="https://www.youtube-nocookie.com/embed/{{ object.video_id }}?autoplay=1" src="https://www.youtube-nocookie.com/embed/{{ object.video_id }}?autoplay=1"
frameborder="0"></iframe> frameborder="0"></iframe>
{% endif %} {% endif %}
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row mx-0 mt-2"> <div class="row mx-0 mt-2">
<p class="text-muted mb-1"> <p class="text-muted mb-1">
<span>{{ object.views | intcomma }} views</span> <span>{{ object.views | intcomma }} views</span>
@ -32,51 +56,11 @@
{% starrating object.rating %} {% starrating object.rating %}
</div> </div>
</div> </div>
<div class="video-description"> <div class="video-description">
{{ object.description | linebreaks | urlize }} {{ object.description | linebreaks | urlize }}
</div> </div>
</div>
<div class="col-4">
<h5>Manage video</h5>
<p>
<a class="btn btn-secondary" href="https://youtube.com/watch?v={{ object.video_id }}">
Watch on YouTube <span class="typcn typcn-social-youtube"></span>
</a>
</p>
{% if object.watched %}
<p>
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_mark_video_unwatched' object.id %}">
Mark not watched
</a>
</p>
{% else %}
<p>
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_mark_video_watched' object.id %}">
Mark watched
</a>
</p>
{% endif %}
{% if object.downloaded_path %}
<p>
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_delete_video_files' object.id %}">
Delete downloaded
</a>
</p>
{% else %}
<p>
<a class="btn btn-secondary ajax-link" href="#" data-post-url="{% url 'ajax_action_download_video_files' object.id %}" >
Download
</a>
</p>
{% endif %}
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}