FVDE/ennstatus Changeset - 64cbf87ba646 · Chaos Computer Club Lëtzebuerg Projects

Changeset - 64cbf87ba646

Parent rev.

Child rev.

[Not reviewed]

feature-responsive

0 1 0

Dennis Fink - 9 years ago 2015-10-21 23:33:02
dennis.fink@c3l.lu

Scale video correctly on small screens.

This is done by adding an div around it with the embed-responsive class
and embed-responsive-item to the video classes.

1 file changed with 3 insertions and 3 deletions:

ennstatus/templates/root/index.html

0 comments (0 inline, 0 general)

ennstatus/templates/root/index.html

➞

Show inline comments

@@ @@ -39,8 +39,8 @@ @@
     </blockquote>
   </div>
   <div class="col-md-6">
     <p>
       <video id="tor-animation" width="560" height="315" controls preload="none" class="video-js vjs-default-skin vjs-big-play-centered" data-setup="">
     <div class="embed-responsive embed-responsive-16by9">
       <video id="tor-animation" width="560" height="315" controls preload="none" class="video-js vjs-default-skin vjs-big-play-centered embed-responsive-item" data-setup="">
         <source src="{{ url_for('static', filename='videos/Tor_Animation.webm') }}" type='video/webm' />
         <source src="{{ url_for('static', filename='videos/Tor_Animation.mp4') }}" type='video/mp4' />
@@ @@ -65,7 +65,7 @@ @@
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.zh-CN.vtt') }}" srclang="zh-CN" label="Chinese (China)">
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.zh-HK.vtt') }}" srclang="zh-HK" label="Chinese (Hongkong)">
       </video>
-    </p>
+    </div>
   </div>
   <div class="col-md-6">
       <p class=lead>

0 comments (0 inline, 0 general)