heckyel/mediagoblin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modify video.html to add video-resolution-switcher plugin

Browse Source
This commit is contained in:
vijeth-aradhya 2017-07-23 10:12:07 +05:30
parent b57a682cd4
commit 9dea49e663
1 changed files with 14 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
mediagoblin/templates/mediagoblin/media_displays/video.html
View File

@ -22,44 +22,31 @@
{{ super() }} {{ super() }}
<script type="text/javascript" src="{{ <script type="text/javascript" src="{{
request.staticdirect('/extlib/video-js/video.js') }}"></script> request.staticdirect('/extlib/video-js/video.js') }}"></script>
<script type="text/javascript" src="{{
request.staticdirect('/extlib/videojs-resolution-switcher/videojs-resolution-switcher.js') }}">
</script>
<script type="text/javascript"
src="{{ request.staticdirect('/js/change-video-resolution.js') }}"></script>
{# Sadly commented out till we can get the mediagoblin skin ported over {# Sadly commented out till we can get the mediagoblin skin ported over
# to the newest video.js release ;\ #} # to the newest video.js release ;\ #}
{#
<link href="{{ request.staticdirect('/css/vjs-mg-skin.css') }}"
rel="stylesheet">
#}
<link href="{{ <link href="{{
request.staticdirect('/extlib/video-js/video-js.css') }}" request.staticdirect('/extlib/video-js/video-js.css') }}"
rel="stylesheet"> rel="stylesheet">
<link href="{{
request.staticdirect('/extlib/videojs-resolution-switcher/videojs-resolution-switcher.css') }}"
rel="stylesheet">
<style type="text/css">
.vjs-default-skin .vjs-big-play-button
{
top: 50%;
left: 50%;
margin: -1.5em auto auto -2em;
}
.vjs-play-progress, .vjs-volume-level {
background-color: #86D4B1 !important;
}
</style>
{%- endblock %} {%- endblock %}
{% block mediagoblin_media %} {% block mediagoblin_media %}
<div class="media_other_container"> <div class="media_other_container">
{% set display_type, display_path = media.get_display_media() %} {% set all_media_path = media.get_all_media() %}
<video controls <video id="video_1" class="video-js vjs-default-skin">
{% if global_config['plugins']['mediagoblin.media_types.video']['auto_play'] %}autoplay{% endif %} {% for each_media_path in all_media_path %}
preload="auto" class="video-js vjs-default-skin" <source src="{{ request.app.public_store.file_url(each_media_path[2]) }}" type="video/webm"
data-setup='{"height": {{ media.media_data.height }}, label="{{ each_media_path[0] }}" res="{{ each_media_path[1][1] }}" />
"width": {{ media.media_data.width }} }'> {% endfor %}
<source src="{{ request.app.public_store.file_url(display_path) }}"
{% if media.media_data %}
type="{{ media.media_data.source_type() }}"
{% else %}
type="{{ media.media_manager['default_webm_type'] }}"
{% endif %} />
<div class="no_html5"> <div class="no_html5">
{%- trans -%}Sorry, this video will not work because {%- trans -%}Sorry, this video will not work because
your web browser does not support HTML5 your web browser does not support HTML5