feat(djangocms_video): responsive template (#580)

taccsite_cms/settings.py

@@ -575,6 +575,14 @@ def get_subdirs_as_module_names(path):
     'autoParagraph': False
 }
 
+# https://github.com/django-cms/djangocms-video
+DJANGOCMS_VIDEO_TEMPLATES = [
+    ('responsive-16by9', _('Responsive - 16 by 9')),
+    ('responsive-4by3', _('Responsive - 4 by 3')),
+    ('responsive-1by1', _('Responsive - 1 by 1')),
+    ('responsive-21by9', _('Responsive - 21 by 9')),
+]
+
 ########################
 # IMPORT & EXPORT
 ########################

taccsite_cms/templates/djangocms_video/default/video_player.html

@@ -0,0 +1,38 @@
+{# https://github.com/django-cms/djangocms-video/blob/3.0.0/djangocms_video/templates/djangocms_video/default/video_player.html #}
+{% load i18n cms_tags %}
+
+{# TACC: #}
+{% block content_video %}
+{# /TACC #}
+
+{% if instance.embed_link %}
+    {# show iframe if embed_link is provided #}
+    <iframe src="{{ instance.embed_link_with_parameters }}" {{ instance.attributes_str }} frameborder="0" allowfullscreen="true"></iframe>
+    {% with disabled=instance.embed_link %}
+        {% for plugin in instance.child_plugin_instances %}
+            {% render_plugin plugin %}
+        {% endfor %}
+    {% endwith %}
+{% else %}
+    {# render <source> or <track> plugins #}
+    <video controls {{ instance.attributes_str }}
+        {% if instance.poster %} poster="{{ instance.poster.url }}"{% endif %}>
+        {% for plugin in instance.child_plugin_instances %}
+            {% render_plugin plugin %}
+        {% endfor %}
+        {% trans "Your browser doesn't support this video format." %}
+    </video>
+{% endif %}
+
+{% comment %}
+    # Available variables:
+    {{ instance.template }}
+    {{ instance.label }}
+    {{ instance.embed_link }}
+    {{ instance.poster }}
+    {{ instance.attributes_str }}
+{% endcomment %}
+
+{# TACC: #}
+{% endblock content_video %}
+{# /TACC #}

taccsite_cms/templates/djangocms_video/responsive-16by9/video_player.html

@@ -0,0 +1,7 @@
+{% extends "djangocms_video/default/video_player.html" %}
+
+{% block content_video %}
+<div class="embed-responsive embed-responsive-16by9">
+  {{ block.super }}
+</div>
+{% endblock content_video %}

taccsite_cms/templates/djangocms_video/responsive-1by1/video_player.html

@@ -0,0 +1,7 @@
+{% extends "djangocms_video/default/video_player.html" %}
+
+{% block content_video %}
+<div class="embed-responsive embed-responsive-1by1">
+  {{ block.super }}
+</div>
+{% endblock content_video %}

taccsite_cms/templates/djangocms_video/responsive-21by9/video_player.html

@@ -0,0 +1,7 @@
+{% extends "djangocms_video/default/video_player.html" %}
+
+{% block content_video %}
+<div class="embed-responsive embed-responsive-21by9">
+  {{ block.super }}
+</div>
+{% endblock content_video %}

taccsite_cms/templates/djangocms_video/responsive-4by3/video_player.html

@@ -0,0 +1,7 @@
+{% extends "djangocms_video/default/video_player.html" %}
+
+{% block content_video %}
+<div class="embed-responsive embed-responsive-4by3">
+  {{ block.super }}
+</div>
+{% endblock content_video %}