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

Revert "Modify video template to accomodate multiple resolutions"

Browse Source 
This reverts commit f6ba0e561bfb62991d70a4c002edf142d9d7540c.
This commit is contained in:
vijeth-aradhya 2017-07-23 10:01:07 +05:30
parent f19e3f7ea5
commit 72fc6a05c1
1 changed files with 27 additions and 14 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,31 +22,44 @@
{{ 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 all_media_path = media.get_all_media() %} {% set display_type, display_path = media.get_display_media() %}
<video id="video_1" class="video-js vjs-default-skin"> <video controls
{% for each_media_path in all_media_path %} {% if global_config['plugins']['mediagoblin.media_types.video']['auto_play'] %}autoplay{% endif %}
<source src="{{ request.app.public_store.file_url(each_media_path[2]) }}" type="video/webm" preload="auto" class="video-js vjs-default-skin"
label="{{ each_media_path[0] }}" res="{{ each_media_path[1][1] }}" /> data-setup='{"height": {{ media.media_data.height }},
{% endfor %} "width": {{ media.media_data.width }} }'>
<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