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

@@ @@ -36,14 +36,14 @@ @@
     <blockquote>
       <a href="https://martianhumorist.me/141015-2/" target="blank"><h2 class="text-center">You have something to hide!</h2></a>
       <footer>The Martian Humorist</footer>
     </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' />
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.de.vtt') }}" srclang="de" label="Deutsch">
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.en.vtt') }}" srclang="en" label="English">
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.fr.vtt') }}" srclang="fr" label="Français">
@@ @@ -62,13 +62,13 @@ @@
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.sq.vtt') }}" srclang="sq" label="Shqiptar">
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.sv.vtt') }}" srclang="sv" label="Svenska">
         <track src="{{ url_for('static', filename='videos/subtitles/Tor_animation.tl-PH.vtt') }}" srclang="tl-PH" label="Fillipino">
         <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>
         <br>
         Tor is free software and an open network that helps you defend against network surveillance and preserve your personal freedom and privacy on the Internet.
       </p>

0 comments (0 inline, 0 general)