From 9977ec89b7aeae636f0b84be4eb686604b6755e4 Mon Sep 17 00:00:00 2001
From: nyanloutre <paul.trehiou@protonmail.com>
Date: Thu, 20 Jul 2017 13:37:09 +0200
Subject: [PATCH] =?UTF-8?q?Bouton=20plein=20=C3=A9cran?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html          | 21 ++++++++++++++++++++-
 scss/_masthead.scss |  3 +++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0a654c7..57b632c 100644
--- a/index.html
+++ b/index.html
@@ -70,7 +70,7 @@
             <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
         </a>
         
-        <a id="video-sound" class="btn btn-default">
+        <a id="video-sound" class="btn btn-default" href="#">
             <svg class="icone icone-son" aria-hidden="true">
                 <use xlink:href="/vector/sprite.svg#sound-off"></use>
             </svg>
@@ -79,6 +79,10 @@
         <a id="youtube-link" class="btn btn-default" href="https://youtube.com">
             <i class="fa fa-youtube fa-2x" aria-hidden="true"></i>
         </a>
+        
+        <a id="fullscreen-video" class="btn btn-default" href="#">
+            <i class="fa fa-arrows-alt fa-2x" aria-hidden="true"></i>
+        </a>
 
     </header>
     
@@ -212,6 +216,7 @@
     <script>
         var masthead_video = document.getElementById("masthead-video");
         var video_button = document.getElementById("video-sound");
+        var fullscreen_button = document.getElementById("fullscreen-video");
         
         function masthead_video_mute(mute) {
             player.setMute(mute);
@@ -238,6 +243,20 @@
             player.play();
         }
         
+        function fullscreen(video) {
+            if (video.requestFullscreen) {
+            video.requestFullscreen();
+            } else if (video.mozRequestFullScreen) {
+            video.mozRequestFullScreen();
+            } else if (video.webkitRequestFullscreen) {
+            video.webkitRequestFullscreen();
+            }
+        }
+        
+        fullscreen_button.onclick = function () {
+            fullscreen(masthead_video);
+        };
+        
         var url = "video/1_Compilation_Graphique/1_Compilation_Graphique.mpd";
         var player = dashjs.MediaPlayer().create();
         player.getDebug().setLogToBrowserConsole(false);
diff --git a/scss/_masthead.scss b/scss/_masthead.scss
index bfa990e..cdb37d2 100644
--- a/scss/_masthead.scss
+++ b/scss/_masthead.scss
@@ -49,6 +49,9 @@ header.masthead {
     #youtube-link {
         right: 9rem;
     }
+    #fullscreen-video {
+        left: 4rem;
+    }
     @media (min-width: 768px) {
         height: 100%;
         .header-content {