diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css
index 6567993..036c89e 100644
--- a/prosopopee/themes/exposure/static/css/style-page.css
+++ b/prosopopee/themes/exposure/static/css/style-page.css
@@ -472,3 +472,26 @@ blockquote:after {
 blockquote p {
   display: inline;
 }
+
+video.responsive-video {
+  max-width: 100%;
+  height: auto;
+}
+
+.youtube-container {
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+}
+
+
+.youtube-container iframe, .youtube-container object, .youtube-container embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 77%;
+  width: 77%;
+  margin-left: 11.5%;
+  margin-right: 11.5%;
+}
diff --git a/prosopopee/themes/exposure/templates/sections/bordered-picture.html b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
index 7f7e446..c88f415 100644
--- a/prosopopee/themes/exposure/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/exposure/templates/sections/bordered-picture.html
@@ -9,7 +9,7 @@
   <section class="bordered-picture baguette" style="position: relative;">
     <div class="caption">
       <img class="lazy" data-original="{{ video.generate_thumbnail("2000") }}" src="" alt="">
-      <video class="lazy" id="video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="none" muted>
+      <video class="lazy responsive-video" id="video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="none" muted>
         <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
       </video>
       {% if caption %}
diff --git a/prosopopee/themes/exposure/templates/sections/full-picture.html b/prosopopee/themes/exposure/templates/sections/full-picture.html
index d0a96c9..0e3b8ef 100644
--- a/prosopopee/themes/exposure/templates/sections/full-picture.html
+++ b/prosopopee/themes/exposure/templates/sections/full-picture.html
@@ -21,7 +21,7 @@
     <video autoplay loop muted class="fillWidth">
       <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
     </video>
-    <img class="lazy full-picture" src="{{ video.generate_thumbnail("2000") }}">
+    <img class="lazy full-picture responsive-video" src="{{ video.generate_thumbnail("2000") }}">
   </div>
 </section>
 {% else %}
diff --git a/prosopopee/themes/exposure/templates/sections/pictures-group.html b/prosopopee/themes/exposure/templates/sections/pictures-group.html
index 1a0fa42..8f2ebe9 100644
--- a/prosopopee/themes/exposure/templates/sections/pictures-group.html
+++ b/prosopopee/themes/exposure/templates/sections/pictures-group.html
@@ -12,7 +12,7 @@
         {% set format = settings.ffmpeg.extension %}
         {{ video.copy() }}
         <img class="lazy" data-original="{{ video.generate_thumbnail("600") }}" src="" alt="">
-        <video class="lazy" id="video" poster="{{ video.generate_thumbnail("600") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
+        <video class="lazy responsive-video" id="video" poster="{{ video.generate_thumbnail("600") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
           <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
         </video>
         {% if caption %}
diff --git a/prosopopee/themes/exposure/templates/sections/youtube.html b/prosopopee/themes/exposure/templates/sections/youtube.html
new file mode 100644
index 0000000..72720da
--- /dev/null
+++ b/prosopopee/themes/exposure/templates/sections/youtube.html
@@ -0,0 +1,5 @@
+<section class="bordered-picture">
+  <div class="youtube-container">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
+  </div>
+</section>
diff --git a/prosopopee/themes/light/static/css/style-page.css b/prosopopee/themes/light/static/css/style-page.css
index e7386db..3e18936 100644
--- a/prosopopee/themes/light/static/css/style-page.css
+++ b/prosopopee/themes/light/static/css/style-page.css
@@ -230,3 +230,25 @@ footer a {
     font-family: 'montserrat', sans-serif;
     color: #111;
 }
+
+video.responsive-video {
+  max-width: 100%;
+  height: auto;
+}
+
+.youtube-container {
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+}
+
+
+.youtube-container iframe, .youtube-container object, .youtube-container embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+
diff --git a/prosopopee/themes/light/templates/sections/youtube.html b/prosopopee/themes/light/templates/sections/youtube.html
new file mode 100644
index 0000000..2e74553
--- /dev/null
+++ b/prosopopee/themes/light/templates/sections/youtube.html
@@ -0,0 +1,5 @@
+<section class="pictures-group">
+  <div class="youtube-container">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
+  </div>
+</section>
diff --git a/prosopopee/themes/material/static/css/materialize.css b/prosopopee/themes/material/static/css/materialize.css
index df72edd..1d6974d 100644
--- a/prosopopee/themes/material/static/css/materialize.css
+++ b/prosopopee/themes/material/static/css/materialize.css
@@ -4311,52 +4311,42 @@ nav .input-field label.active i {
 .navbar-fixed nav {
   position: fixed;
 }
-
-@media only screen and (min-width: 601px) {
-  nav.nav-extended .nav-wrapper {
-    min-height: 64px;
+  nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i {
+    height:64px;
+    line-height:64px
   }
-  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
-    height: 64px;
-    line-height: 64px;
-  }
-  .navbar-fixed {
-    height: 64px;
-  }
-}
-
 @font-face {
   font-family: "Roboto";
-  src: local(Roboto Thin), url("../fonts/roboto/Roboto-Thin.eot");
-  src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
+  src: local(Roboto Thin), url("../fonts/Roboto-Thin.eot");
+  src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto-Thin.ttf") format("truetype");
   font-weight: 200;
 }
 
 @font-face {
   font-family: "Roboto";
-  src: local(Roboto Light), url("../fonts/roboto/Roboto-Light.eot");
-  src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
+  src: local(Roboto Light), url("../fonts/Roboto-Light.eot");
+  src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype");
   font-weight: 300;
 }
 
 @font-face {
   font-family: "Roboto";
-  src: local(Roboto Regular), url("../fonts/roboto/Roboto-Regular.eot");
-  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
+  src: local(Roboto Regular), url("../fonts/Roboto-Regular.eot");
+  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
   font-weight: 400;
 }
 
 @font-face {
   font-family: "Roboto";
-  src: url("../fonts/roboto/Roboto-Medium.eot");
-  src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
+  src: url("../fonts/Roboto-Medium.eot");
+  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype");
   font-weight: 500;
 }
 
 @font-face {
   font-family: "Roboto";
-  src: url("../fonts/roboto/Roboto-Bold.eot");
-  src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
+  src: url("../fonts/Roboto-Bold.eot");
+  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
   font-weight: 700;
 }
 
diff --git a/prosopopee/themes/material/static/css/mediaelementplayer.css b/prosopopee/themes/material/static/css/mediaelementplayer.css
new file mode 100644
index 0000000..e50b7b7
--- /dev/null
+++ b/prosopopee/themes/material/static/css/mediaelementplayer.css
@@ -0,0 +1,659 @@
+div.audio-player {
+  width: 450px;
+  height: 70px;
+  margin: 0 auto;
+  background: #28b67e;
+  margin-bottom: 20px;
+}
+.audio-player h2 {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 16px;
+  color: #ececec;
+  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+  padding: 2px 0 0 10px;
+}
+/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
+Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
+.mejs__offscreen {
+    clip: rect(1px, 1px, 1px, 1px); /* IE8-IE11 - no support for clip-path */
+    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+}
+
+.mejs__container {
+    position: relative;
+    font-family: "Helvetica", Arial, serif;
+    text-align: left;
+    vertical-align: top;
+    text-indent: 0;
+    box-sizing: border-box;
+}
+
+.mejs__container * {
+    box-sizing: border-box;
+}
+
+/* Hide native play button from iOS to favor plugin button */
+.mejs__container video::-webkit-media-controls-start-playback-button {
+    display: none !important;
+    -webkit-appearance: none;
+}
+
+.mejs__fill-container,
+.mejs__fill-container .mejs__container {
+    width: 100%;
+    height: 100%;
+}
+
+.mejs__fill-container {
+    overflow: hidden;
+    position: relative;
+    margin: 0 auto;
+    background: transparent;
+}
+
+.mejs__container:focus {
+    outline: none;
+}
+
+.mejs__iframe-overlay {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.mejs__embed,
+.mejs__embed body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background: #000;
+    overflow: hidden;
+}
+
+.mejs__fullscreen {
+    overflow: hidden !important;
+}
+
+.mejs__container-fullscreen {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+    z-index: 1000;
+}
+
+.mejs__container-fullscreen .mejs__mediaelement,
+.mejs__container-fullscreen video {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.mejs__clear {
+    clear: both;
+}
+
+/* Start: LAYERS */
+.mejs__background {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.mejs__mediaelement {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+}
+
+.mejs__poster {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-size: contain;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    z-index: 1;
+}
+
+:root .mejs__poster-img {
+    display: none;
+}
+
+.mejs__poster-img {
+    border: 0;
+    padding: 0;
+}
+
+.mejs__overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+}
+.mejs__layer {
+    z-index: 1;
+}
+
+.mejs__overlay-play {
+    cursor: pointer;
+}
+
+.mejs__overlay-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 80px;
+    height: 80px;
+    margin: -40px 0 0 -40px;
+    background: url("../img/mejs-controls.svg") no-repeat;
+    background-position: 0 -39px;
+    overflow: hidden;
+    z-index: 1;
+}
+
+.mejs__overlay:hover > .mejs__overlay-button {
+    background-position: -80px -39px;
+}
+
+.mejs__overlay-loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 80px;
+    height: 80px;
+    margin: -40px 0 0 -40px;
+}
+
+.mejs__overlay-loading-bg-img {
+    display: block;
+    width: 80px;
+    height: 80px;
+    background: transparent url("../img/mejs-controls.svg") -160px -40px no-repeat;
+    -webkit-animation: mejs-loading-spinner 1s linear infinite;
+    -moz-animation: mejs-loading-spinner 1s linear infinite;
+    animation: mejs-loading-spinner 1s linear infinite;
+    z-index: 1;
+}
+
+@-moz-keyframes mejs-loading-spinner {
+    100% {
+        -moz-transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes mejs-loading-spinner {
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+
+@keyframes mejs-loading-spinner {
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+/* End: LAYERS */
+
+/* Start: CONTROL BAR */
+.mejs__controls {
+    position: absolute;
+    list-style-type: none;
+    margin: 0;
+    padding: 0 10px;
+    bottom: 0;
+    left: 0;
+    height: 40px;
+    width: 100%;
+    z-index: 1;
+}
+
+.mejs__button,
+.mejs__time,
+.mejs__time-rail {
+    float: left;
+    margin: 0;
+    width: 32px;
+    height: 40px;
+    font-size: 10px;
+    line-height: 10px;
+}
+
+.mejs__button > button {
+    cursor: pointer;
+    display: block;
+    font-size: 0;
+    line-height: 0;
+    text-decoration: none;
+    margin: 10px 6px;
+    padding: 0;
+    position: absolute;
+    height: 20px;
+    width: 20px;
+    border: 0;
+    background: transparent url("../img/mejs-controls.svg");
+    overflow: hidden;
+}
+
+/* :focus for accessibility */
+.mejs__button > button:focus {
+    outline: dotted 1px #999;
+}
+
+.mejs__container-keyboard-inactive a,
+.mejs__container-keyboard-inactive a:focus,
+.mejs__container-keyboard-inactive button,
+.mejs__container-keyboard-inactive button:focus,
+.mejs__container-keyboard-inactive [role=slider],
+.mejs__container-keyboard-inactive [role=slider]:focus {
+    outline: 0;
+}
+
+/* End: CONTROL BAR */
+
+/* Start: Time (Current / Duration) */
+.mejs__time {
+    color: #fff;
+    display: block;
+    height: 24px;
+    width: auto;
+    font-weight: bold;
+    font-size: 11px;
+    padding: 16px 6px 0 6px;
+    overflow: hidden;
+    text-align: center;
+    box-sizing: content-box;
+}
+
+/* End: Time (Current / Duration) */
+
+/* Start: Play/Pause/Stop */
+.mejs__play > button {
+    background-position: 0 0;
+}
+
+.mejs__pause > button {
+    background-position: -20px 0;
+}
+
+.mejs__replay > button {
+    background-position: -280px 0;
+}
+
+/* End: Play/Pause/Stop */
+
+/* Start: Progress Bar */
+.mejs__time-rail {
+    direction: ltr;
+    width: 200px;
+    padding-top: 10px;
+    height: 40px;
+    position: relative;
+    margin: 0 10px;
+}
+
+.mejs__time-total,
+.mejs__time-buffering,
+.mejs__time-loaded,
+.mejs__time-current,
+.mejs__time-handle,
+.mejs__time-float,
+.mejs__time-float-current,
+.mejs__time-float-corner,
+.mejs__time-marker {
+    cursor: pointer;
+    display: block;
+    position: absolute;
+    height: 10px;
+    border-radius: 2px;
+}
+
+.mejs__time-total {
+    margin: 5px 0 0 0;
+    background: rgba(255, 255, 255, 0.3);
+    width: 100%;
+}
+
+.mejs__time-buffering {
+    width: 100%;
+    background: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-size: 15px 15px;
+    animation: buffering-stripes 2s linear infinite;
+}
+
+@keyframes buffering-stripes {
+    from {
+        background-position: 0 0;
+    }
+    to {
+        background-position: 30px 0;
+    }
+}
+
+.mejs__time-loaded {
+    background: rgba(255, 255, 255, .3);
+    width: 0;
+}
+
+.mejs__time-current {
+    background: rgba(255, 255, 255, 0.9);
+    width: 0;
+}
+
+.mejs__time-handle {
+    display: none;
+    position: absolute;
+    margin: 0;
+    width: 10px;
+    background: #fff;
+    border-radius: 5px;
+    cursor: pointer;
+    border: solid 2px #333;
+    top: -2px;
+    text-align: center;
+}
+
+.mejs__time-float {
+    position: absolute;
+    display: none;
+    background: #eee;
+    width: 36px;
+    height: 17px;
+    border: solid 1px #333;
+    top: -26px;
+    margin-left: -18px;
+    text-align: center;
+    color: #111;
+}
+
+.mejs__time-float-current {
+    margin: 2px;
+    width: 30px;
+    display: block;
+    text-align: center;
+    left: 0;
+}
+
+.mejs__time-float-corner {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    line-height: 0;
+    border: solid 5px #eee;
+    border-color: #eee transparent transparent transparent;
+    border-radius: 0;
+    top: 15px;
+    left: 13px;
+}
+
+.mejs__long-video .mejs__time-float {
+    width: 48px;
+}
+
+.mejs__long-video .mejs__time-float-current {
+    width: 44px;
+}
+
+.mejs__long-video .mejs__time-float-corner {
+    left: 18px;
+}
+
+.mejs__broadcast {
+    color: #fff;
+    position: absolute;
+    width: 100%;
+    height: 10px;
+    top: 15px;
+}
+
+/* End: Progress Bar */
+
+/* Start: Fullscreen */
+.mejs__fullscreen-button > button {
+    background-position: -80px 0;
+}
+
+.mejs__unfullscreen > button {
+    background-position: -100px 0;
+}
+
+/* End: Fullscreen */
+
+/* Start: Mute/Volume */
+.mejs__mute > button {
+    background-position: -60px 0;
+}
+
+.mejs__unmute > button {
+    background-position: -40px 0;
+}
+
+.mejs__volume-button {
+    position: relative;
+}
+
+.mejs__volume-button > .mejs__volume-slider {
+    display: none;
+    height: 115px;
+    width: 25px;
+    background: rgba(50, 50, 50, 0.7);
+    border-radius: 0;
+    top: -115px;
+    left: 5px;
+    z-index: 1;
+    position: absolute;
+    margin: 0;
+}
+
+.mejs__volume-button:hover {
+    border-radius: 0 0 4px 4px;
+}
+
+.mejs__volume-total {
+    position: absolute;
+    left: 11px;
+    top: 8px;
+    width: 2px;
+    height: 100px;
+    background: rgba(255, 255, 255, 0.5);
+    margin: 0;
+}
+
+.mejs__volume-current {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.9);
+    margin: 0;
+}
+
+.mejs__volume-handle {
+    position: absolute;
+    left: 0;
+    bottom: 100%;
+    width: 16px;
+    height: 6px;
+    margin: 0 0 -3px -7px;
+    background: rgba(255, 255, 255, 0.9);
+    cursor: ns-resize;
+    border-radius: 1px;
+}
+
+.mejs__horizontal-volume-slider {
+    height: 36px;
+    width: 56px;
+    position: relative;
+    display: block;
+    float: left;
+    vertical-align: middle;
+}
+
+.mejs__horizontal-volume-total {
+    position: absolute;
+    left: 0;
+    top: 16px;
+    width: 50px;
+    height: 8px;
+    margin: 0;
+    padding: 0;
+    font-size: 1px;
+    border-radius: 2px;
+    background: rgba(50, 50, 50, 0.8);
+}
+
+.mejs__horizontal-volume-current {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    font-size: 1px;
+    border-radius: 2px;
+    background: rgba(255, 255, 255, 0.8);
+}
+
+.mejs__horizontal-volume-handle {
+    display: none;
+}
+
+/* End: Mute/Volume */
+
+/* Start: Track (Captions and Chapters) */
+.mejs__captions-button, .mejs__chapters-button {
+    position: relative;
+}
+
+.mejs__captions-button > button {
+    background-position: -140px 0;
+}
+
+.mejs__chapters-button > button {
+    background-position: -302px 0;
+}
+
+.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
+    visibility: hidden;
+    position: absolute;
+    bottom: 40px;
+    right: -51px;
+    width: 85px;
+    background: rgba(50, 50, 50, 0.7);
+    border: solid 1px transparent;
+    padding: 0;
+    overflow: hidden;
+    border-radius: 0;
+}
+
+.mejs__chapters-button > .mejs__chapters-selector {
+    width: 110px;
+}
+
+.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
+    visibility: visible;
+}
+
+.mejs__captions-selector-list, .mejs__chapters-selector-list {
+    margin: 0;
+    padding: 0;
+    display: block;
+    list-style-type: none !important;
+    overflow: hidden;
+}
+
+.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
+    margin: 0 0 6px 0;
+    padding: 0 10px;
+    list-style-type: none !important;
+    display: block;
+    color: #fff;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
+    background-color: rgb(200, 200, 200) !important;
+    background-color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.mejs__captions-selector-input, .mejs__chapters-selector-input {
+    clear: both;
+    float: left;
+    margin: 3px 3px 0 5px;
+    position: absolute;
+    left: -1000px;
+}
+
+.mejs__captions-selector-label, .mejs__chapters-selector-label {
+    width: 55px;
+    float: left;
+    padding: 4px 0 0 0;
+    line-height: 15px;
+    font-size: 10px;
+    cursor: pointer;
+}
+
+.mejs__captions-selected, .mejs__chapters-selected {
+    color: rgba(33, 248, 248, 1);
+}
+
+.mejs__captions-translations {
+    font-size: 10px;
+    margin: 0 0 5px 0;
+}
+
+.mejs__captions-layer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    text-align: center;
+    line-height: 20px;
+    font-size: 16px;
+    color: #fff;
+}
+
+.mejs__captions-layer a {
+    color: #fff;
+    text-decoration: underline;
+}
+
+.mejs__captions-layer[lang=ar] {
+    font-size: 20px;
+    font-weight: normal;
+}
+
+.mejs__captions-position {
+    position: absolute;
+    width: 100%;
+    bottom: 15px;
+    left: 0;
+}
+
+.mejs__captions-position-hover {
+    bottom: 35px;
+}
+
+.mejs__captions-text, .mejs__captions-text * {
+    padding: 0;
+    background: rgba(20, 20, 20, 0.5);
+    white-space: pre-wrap;
+    box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
+}
+
+/* End: Track (Captions and Chapters) */
diff --git a/prosopopee/themes/material/static/css/styles.css b/prosopopee/themes/material/static/css/style-page.css
similarity index 87%
rename from prosopopee/themes/material/static/css/styles.css
rename to prosopopee/themes/material/static/css/style-page.css
index 6cc5187..1176b1d 100644
--- a/prosopopee/themes/material/static/css/styles.css
+++ b/prosopopee/themes/material/static/css/style-page.css
@@ -9,7 +9,7 @@ main {
 }
 
 .parallax-container {
-  height: 720px;
+  height: 800px;
   min-height: 250px;
   margin-bottom: 20px;
   background-color: rgba(0, 0, 0, .4);
@@ -61,6 +61,9 @@ main {
     transform: translateY(0);
 }
 
+.caption__overlay h5 {
+  padding-left: 10px;
+}
 
 .caption .card-panel {
     margin: 0;
@@ -80,20 +83,6 @@ main {
     margin-right: 11.5%;
 }
 
-.pictures-line {
-    min-width: 77%;
-    width: 77%;
-    margin-left: 11.5%;
-    margin-right: 11.5%;
-    display: flex;
-    margin-bottom: 0.5em;
-}
-
-.pictures-line .picture img {
-    width: 100%;
-    height: 100%;
-}
-
 .small-card {
     height: 400px;
 }
@@ -184,3 +173,32 @@ video.fillWidth {
     padding-top:10px;
     font-size: 10px;
 }
+
+.bordered-picture img {
+  height: 77%;
+  width: 77%;
+  margin-left: 11.5%;
+  margin-right: 11.5%;
+}
+
+.pictures-line {
+  display: flex;
+  margin-bottom: 0.5em;
+}
+
+.pictures-line .picture img {
+  width: 100%;
+}
+
+.pictures-line .separator {
+  min-width: 0.5em;
+}
+
+@media only screen and (max-device-width : 992px) {
+
+.pictures-line {
+    display: inherit;
+}
+
+}
+
diff --git a/prosopopee/themes/material/static/css/style.css b/prosopopee/themes/material/static/css/style.css
new file mode 100644
index 0000000..a4bdaf3
--- /dev/null
+++ b/prosopopee/themes/material/static/css/style.css
@@ -0,0 +1,534 @@
+i {
+	line-height:inherit
+}
+img.responsive-img {
+	max-width:100%;
+	height:auto
+}
+footer.page-footer {
+	padding-top:20px;
+	background-color:#ba68c8
+}
+footer.page-footer .footer-copyright {
+	overflow:hidden;
+	min-height:50px;
+	display:-webkit-flex;
+	display:-ms-flexbox;
+	display:flex;
+	-webkit-align-items:center;
+	-ms-flex-align:center;
+	align-items:center;
+	padding:10px 0px;
+	color:rgba(255,255,255,0.8);
+	background-color:rgba(51,51,51,0.08)
+}
+.de {
+	text-align:center
+}
+.material-icons {
+	text-rendering:optimizeLegibility;
+	-webkit-font-feature-settings:'liga';
+	-moz-font-feature-settings:'liga';
+	font-feature-settings:'liga'
+}
+.db {
+	margin:0 auto;
+	max-width:1280px;
+	width:90%
+}
+@media only screen and (min-width: 601px) {
+	.db {
+		width:85%
+	}
+}
+@media only screen and (min-width: 993px) {
+	.db {
+		width:70%
+	}
+}
+.cx {
+	padding-top:1rem;
+	padding-bottom:1rem
+}
+.e {
+	margin-left:auto;
+	margin-right:auto;
+	margin-bottom:20px
+}
+.e:after {
+	content:"";
+	display:table;
+	clear:both
+}
+.e .d {
+	float:left;
+	box-sizing:border-box;
+	padding:0 .75rem;
+	min-height:1px
+}
+.e .d.gu {
+	width:100%;
+	margin-left:auto;
+	left:auto;
+	right:auto
+}
+@media only screen and (min-width: 601px) {
+	.e .d.hf {
+		width:50%;
+		margin-left:auto;
+		left:auto;
+		right:auto
+	}
+}
+@media only screen and (min-width: 993px) {
+	.e .d.hx {
+		width:33.3333333333%;
+		margin-left:auto;
+		left:auto;
+		right:auto
+	}
+}
+nav {
+	color:#fff;
+	background-color:#ba68c8;
+	width:100%;
+	height:56px;
+	line-height:56px
+}
+nav.nav-extended {
+	height:auto
+}
+nav.nav-extended .nav-wrapper {
+	min-height:56px;
+	height:auto
+}
+nav a {
+	color:#fff
+}
+nav i,nav i.material-icons {
+	display:block;
+	font-size:24px;
+	height:56px;
+	line-height:56px
+}
+nav .nav-wrapper {
+	position:relative;
+	height:100%
+}
+@media only screen and (min-width: 993px) {
+  nav a.button-collapse {
+    display: unset !important;
+    margin-left: 0px;
+  }
+}
+nav .button-collapse {
+	float:left;
+	position:relative;
+	z-index:1;
+	height:56px;
+	margin:0 18px
+}
+nav .button-collapse i {
+	height:56px;
+	line-height:56px
+}
+nav .brand-logo {
+	position:absolute;
+	color:#fff;
+	display:inline-block;
+	font-size:2.1rem;
+	padding:0;
+	white-space:nowrap
+}
+@media only screen and (max-width: 992px) {
+	nav .brand-logo {
+		left:50%;
+		-webkit-transform:translateX(-50%);
+		transform:translateX(-50%)
+	}
+}
+nav .brand-logo i,nav .brand-logo i.material-icons {
+	float:left;
+	margin-right:15px
+}
+@font-face {
+	font-family:"Roboto";
+	src:local(Roboto Thin),url("../fonts/Roboto-Thin.eot");
+	src:url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Thin.woff2") format("woff2"),url("../fonts/Roboto-Thin.woff") format("woff"),url("../fonts/Roboto-Thin.ttf") format("truetype");
+	font-weight:200
+}
+@font-face {
+	font-family:"Roboto";
+	src:local(Roboto Light),url("../fonts/Roboto-Light.eot");
+	src:url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto-Light.woff") format("woff"),url("../fonts/Roboto-Light.ttf") format("truetype");
+	font-weight:300
+}
+@font-face {
+	font-family:"Roboto";
+	src:local(Roboto Regular),url("../fonts/Roboto-Regular.eot");
+	src:url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff"),url("../fonts/Roboto-Regular.ttf") format("truetype");
+	font-weight:400
+}
+@font-face {
+	font-family:"Roboto";
+	src:url("../fonts/Roboto-Medium.eot");
+	src:url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff"),url("../fonts/Roboto-Medium.ttf") format("truetype");
+	font-weight:500
+}
+@font-face {
+	font-family:"Roboto";
+	src:url("../fonts/Roboto-Bold.eot");
+	src:url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff"),url("../fonts/Roboto-Bold.ttf") format("truetype");
+	font-weight:700
+}
+a {
+	text-decoration:none
+}
+html {
+	line-height:1.5;
+	font-family:"Roboto", sans-serif;
+	font-weight:normal;
+	color:rgba(0,0,0,0.87)
+}
+@media only screen and (min-width: 0) {
+	html {
+		font-size:14px
+	}
+}
+@media only screen and (min-width: 992px) {
+	html {
+		font-size:14.5px
+	}
+}
+@media only screen and (min-width: 1200px) {
+	html {
+		font-size:15px
+	}
+}
+h1 {
+	font-weight:400;
+	line-height:1.1
+}
+h1 {
+	font-size:4.2rem;
+	line-height:110%;
+	margin:2.1rem 0 1.68rem 0
+}
+footer.page-footer .footer-copyright {
+	font-weight:300
+}
+/*!
+ * Waves v0.6.0
+ * http://fian.ic.id/Waves
+ *
+ * Copyright 2014 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */
+::-webkit-input-placeholder {
+	color:#d1d1d1
+}
+:-moz-placeholder {
+	color:#d1d1d1
+}
+::-moz-placeholder {
+	color:#d1d1d1
+}
+:-ms-input-placeholder {
+	color:#d1d1d1
+}
+[type="radio"]:not(:checked) {
+	position:absolute;
+	left:-9999px;
+	opacity:0
+}
+[type="radio"]:not(:checked)+label {
+	position:relative;
+	padding-left:35px;
+	cursor:pointer;
+	display:inline-block;
+	height:25px;
+	line-height:25px;
+	font-size:1rem;
+	transition:.28s ease;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+	-ms-user-select:none;
+	user-select:none
+}
+[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after {
+	border-radius:50%
+}
+[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after {
+	border:2px solid #5a5a5a
+}
+[type="radio"]:not(:checked)+label:after {
+	-webkit-transform:scale(0);
+	transform:scale(0)
+}
+[type="radio"]:disabled:not(:checked)+label:before {
+	background-color:transparent;
+	border-color:rgba(0,0,0,0.26)
+}
+[type="radio"]:disabled:not(:checked)+label:before {
+	border-color:rgba(0,0,0,0.26)
+}
+[type="checkbox"]:not(:checked) {
+	position:absolute;
+	left:-9999px;
+	opacity:0
+}
+[type="checkbox"]:not(:checked):disabled+label:before {
+	border:none;
+	background-color:rgba(0,0,0,0.26)
+}
+[type="checkbox"].filled-in:not(:checked)+label:before {
+	width:0;
+	height:0;
+	border:3px solid transparent;
+	left:6px;
+	top:10px;
+	-webkit-transform:rotateZ(37deg);
+	transform:rotateZ(37deg);
+	-webkit-transform-origin:20% 40%;
+	transform-origin:100% 100%
+}
+[type="checkbox"].filled-in:not(:checked)+label:after {
+	height:20px;
+	width:20px;
+	background-color:transparent;
+	border:2px solid #5a5a5a;
+	top:0px;
+	z-index:0
+}
+[type="checkbox"].filled-in:disabled:not(:checked)+label:before {
+	background-color:transparent;
+	border:2px solid transparent
+}
+[type="checkbox"].filled-in:disabled:not(:checked)+label:after {
+	border-color:transparent;
+	background-color:#BDBDBD
+}
+input[type=checkbox]:checked:not(:disabled) ~ .by:active::after,input[type=checkbox]:checked:not(:disabled).cu:focus ~ .by::after {
+	box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(38,166,154,0.1)
+}
+input[type=checkbox]:not(:disabled) ~ .by:active:after,input[type=checkbox]:not(:disabled).cu:focus ~ .by::after {
+	box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.08)
+}
+.side-nav {
+	position:fixed;
+	width:300px;
+	left:0;
+	top:0;
+	margin:0;
+	-webkit-transform:translateX(-100%);
+	transform:translateX(-100%);
+	height:100%;
+	height:calc(100% + 60px);
+	height:-moz-calc(100%);
+	padding-bottom:60px;
+	background-color:#fff;
+	z-index:999;
+	overflow-y:auto;
+	will-change:transform;
+	-webkit-backface-visibility:hidden;
+	backface-visibility:hidden;
+	-webkit-transform:translateX(-105%);
+	transform:translateX(-105%)
+}
+.side-nav li {
+	float:none;
+	line-height:48px
+}
+.side-nav li.k {
+	background-color:rgba(0,0,0,0.05)
+}
+.side-nav a {
+	color:rgba(0,0,0,0.87);
+	display:block;
+	font-size:14px;
+	font-weight:500;
+	height:48px;
+	line-height:48px;
+	padding:0 32px
+}
+.side-nav a:hover {
+	background-color:rgba(0,0,0,0.05)
+}
+.side-nav li>a>i,.side-nav li>a>i.material-icons {
+	float:left;
+	height:48px;
+	line-height:48px;
+	margin:0 32px 0 0;
+	width:24px;
+	color:rgba(0,0,0,0.54)
+}
+@media only screen and (max-width: 992px) {
+	.side-nav a {
+		padding:0 16px
+	}
+}
+/*!
+ * Default mobile-first, responsive styling for pickadate.js
+ * Demo: http://amsul.gg.io/pickadate.js
+ */
+html,body {
+	height:100%
+}
+body {
+	background-color:#37474f;
+	font-family:"Lato", sans-serif
+}
+ul {
+	margin:0
+}
+.cx {
+	padding: 0 0 1.5rem 0;
+}
+.valign-wrapper {
+	height:100%;
+	display:-webkit-flex !important;
+	display:-ms-flexbox !important;
+	display:flex !important;
+	-webkit-flex-direction:column;
+	-ms-flex-direction:column;
+	flex-direction:column;
+	-webkit-justify-content:center;
+	-ms-flex-pack:center;
+	justify-content:center
+}
+nav {
+	position:relative;
+	top:0;
+	transition:background-color .3s, opacity .2s, visibility 0s;
+	box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
+	z-index:10;
+}
+nav.nav-full-header {
+	height:100%
+}
+nav.nav-full-header .nav-header {
+	height:calc(100% - 128px)
+}
+nav .nav-background {
+	overflow:hidden;
+	position:absolute;
+	top:0;
+	right:0;
+	bottom:0;
+	left:0;
+	z-index:-1;
+	opacity:.2
+}
+nav .nav-background .ea {
+	opacity:0;
+	position:absolute;
+	top:50%;
+	-webkit-transform:translateY(-50%);
+	transform:translateY(-50%);
+	right:0;
+	left:0;
+	margin:0 auto;
+	max-width:100%;
+	transition:opacity .7s
+}
+nav .nav-background .ea.k {
+	opacity:1
+}
+nav .nav-background .ea {
+	top:0;
+	bottom:0;
+	-webkit-transform:none;
+	transform:none;
+	background-repeat:repeat
+}
+nav .nav-header {
+	clear:both;
+	padding:40px 0
+}
+nav .nav-header h1 {
+	font-size:56px;
+	font-weight:300
+}
+.b {
+	position:relative
+}
+.b .d {
+	padding:0;
+}
+.b .gallery-expand .gallery-curve-wrapper {
+	cursor:pointer;
+	border-radius:4px;
+	box-shadow:0 1px 4px rgba(0,0,0,0.1)
+}
+.b .gallery-cover {
+	position:relative;
+	overflow:hidden;
+	display:block;
+	width:100%;
+	-webkit-transform-origin:0 0;
+	transform-origin:0 0;
+	transition:top .5s;
+	z-index:2
+}
+.b .gallery-cover img {
+	box-shadow:0 0 1px 0 rgba(0,0,0,0.1);
+	min-width: 100%;
+	width:auto;
+	display:block;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+	-ms-user-select:none;
+	user-select:none
+}
+.db {
+	max-width: none;
+}
+nav .nav-header {
+	word-break: break-word
+}
+@media only screen and (max-width: 600px) {
+	nav.nav-full-header .nav-header {
+		height:calc(100% - 112px)
+	}
+	nav .nav-header h1 {
+		font-size: 40px;
+	}
+}
+
+.gallery-title {
+  color: white;
+  width: 100%;
+  position: absolute;
+  top: initial;
+  bottom: 0px;
+  text-align: center;
+  z-index: 3;
+  background: transparent linear-gradient(rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%;
+  padding: 20% 0 10px 0;
+}
+
+.gallery-title > h2 {
+  text-transform: uppercase;
+  margin-bottom: .2em;
+  letter-spacing: 2px;
+  font-size: 1.7vw;
+}
+
+.gallery-title > h3 {
+  font-style: italic;
+  margin-top: 0;
+  margin-bottom: .7em;
+  font-weight: normal;
+  font-size: 17px;
+}
+
+.gallery-datetime {
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-size: 11px;
+}
+
+.brand-logo p {
+  margin-top: 7px;
+}
diff --git a/prosopopee/themes/material/static/img/mejs-controls.svg b/prosopopee/themes/material/static/img/mejs-controls.svg
new file mode 100644
index 0000000..842c8b4
--- /dev/null
+++ b/prosopopee/themes/material/static/img/mejs-controls.svg
@@ -0,0 +1,114 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="400px" height="120px"
+	 viewBox="0 0 400 120" style="enable-background:new 0 0 400 120;" xml:space="preserve">
+  <g id="controls">
+    <g id="play">
+      <path d="M16.31,9.48a.56.56,0,0,1,0,1l-11.38,7c-.47.29-.85.07-.85-.48V3c0-.55.38-.77.85-.48Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+    </g>
+    <g id="pause">
+      <g>
+        <rect x="23" y="1.01" width="4.2" height="16" rx="1" ry="1" style="fill: #fff"/>
+        <rect x="32.8" y="1.01" width="4.2" height="16" rx="1" ry="1" style="fill: #fff"/>
+      </g>
+    </g>
+    <g id="fullscreen">
+      <g id="enter">
+        <path d="M80.83,2.38a1,1,0,0,1,1-1h5.41c.55,0,.68.32.29.71l-6,6c-.39.39-.71.26-.71-.29Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <path d="M80.83,18.17a1,1,0,0,0,1,1h5.41c.55,0,.68-.32.29-.71l-6-6c-.39-.39-.71-.26-.71.29Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <path d="M98.63,2.38a1,1,0,0,0-1-1H92.21c-.55,0-.68.32-.29.71l6,6c.39.39.71.26.71-.29Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <path d="M98.63,18.17a1,1,0,0,1-1,1H92.21c-.55,0-.68-.32-.29-.71l6-6c.39-.39.71-.26.71.29Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      </g>
+      <g id="exit">
+        <g>
+          <path d="M112.53,6a1,1,0,0,0,1,1h4.1c.55,0,.68-.32.29-.71l-4.68-4.68c-.39-.39-.71-.26-.71.29Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+          <path d="M105.43,7a1,1,0,0,0,1-1V1.88c0-.55-.32-.68-.71-.29L101,6.27c-.39.39-.26.71.29.71Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+          <path d="M106.43,14.07a1,1,0,0,0-1-1h-4.1c-.55,0-.68.32-.29.71l4.68,4.68c.39.39.71.26.71-.29Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+          <path d="M113.53,13.07a1,1,0,0,0-1,1v4.1c0,.55.32.68.71.29l4.68-4.68c.39-.39.26-.71-.29-.71Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        </g>
+      </g>
+    </g>
+    <g id="volume">
+      <g id="unmuted">
+        <path d="M66.8,6.77a3.51,3.51,0,0,1-1.8.6H61.85a1,1,0,0,0-1,1V14.1a1,1,0,0,0,1,1H65a6.28,6.28,0,0,1,1,0,8.5,8.5,0,0,0,.81.63l3.54,2.6c.44.33.81.14.81-.41V4.5c0-.55-.36-.73-.8-.4Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <path d="M73.72,3.5s3.95-.81,3.87,7.73S73.72,19,73.72,19" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-width: 1.5px"/>
+        <path d="M72.43,7.38S75.06,7,75,11.23s-2.58,3.86-2.58,3.86" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-width: 1.5px"/>
+      </g>
+      <g id="muted">
+        <path d="M46.8,6.77a3.51,3.51,0,0,1-1.8.6H41.85a1,1,0,0,0-1,1V14.1a1,1,0,0,0,1,1H45a6.28,6.28,0,0,1,1,0,8.5,8.5,0,0,0,.81.63l3.54,2.6c.44.33.81.14.81-.41V4.5c0-.55-.36-.73-.8-.4Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <line x1="52.83" y1="6.98" x2="58.22" y2="12.36" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-width: 2px"/>
+        <line x1="52.83" y1="12.36" x2="58.22" y2="6.98" style="fill: none;stroke: #fff;stroke-linecap: round;stroke-width: 2px"/>
+      </g>
+    </g>
+    <g id="closed_captions">
+      <path d="M128.53,9.58c-6.17-4.21-6.46,7.77,0,3.92" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff"/>
+      <path d="M135.06,9.58c-6.17-4.21-6.46,7.77,0,3.92" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff"/>
+      <path d="M122,4.35h15.69V17.43H122ZM120.68,3V18.73H139V3Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+    </g>
+    <g id="jumpforward">
+      <path d="M192,3.16l-4.33,2.16V1Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      <path d="M194.73,3.16,190.4,5.32V1Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      <path d="M189.83,3.16a8.15,8.15,0,0,0-8.16,8.16" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 2px"/>
+      <path d="M181.68,10.83A8.15,8.15,0,0,0,189.83,19" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 2px"/>
+      <path d="M189.46,19a8.15,8.15,0,0,0,8.16-8.16" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 2px"/>
+    </g>
+    <g id="skipback">
+      <path d="M162.52,10.65a8.15,8.15,0,0,0,8.16,8.16" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 2px"/>
+      <path d="M170.2,18.8a8.15,8.15,0,0,0,8.16-8.16" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 2px"/>
+      <path d="M178.36,11a8.15,8.15,0,0,0-8.16-8.16" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 2px"/>
+      <path d="M166.42,3.16l4.32,2.16V1Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      <path d="M163.7,3.16,168,5.32V1Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+    </g>
+    <g>
+      <rect x="141.17" y="3.01" width="18" height="14" rx="2" ry="2" style="fill: #fff"/>
+      <path d="M146.19,14.78a2.69,2.69,0,0,1-2.14-1A3.87,3.87,0,0,1,144.17,9c.51-.56,2-1.65,4.64.16l-.56.83c-1.43-1-2.62-1.09-3.34-.31a2.89,2.89,0,0,0-.08,3.47c.7.86,1.92.83,3.45-.08l.51.86A5.13,5.13,0,0,1,146.19,14.78Z" transform="translate(0.17 -0.99)" style="fill: #231f20"/>
+      <path d="M153.73,14.78a2.69,2.69,0,0,1-2.14-1A3.87,3.87,0,0,1,151.71,9c.51-.56,2-1.65,4.64.16l-.56.83c-1.43-1-2.62-1.09-3.34-.31a2.89,2.89,0,0,0-.08,3.47c.7.86,1.92.83,3.45-.08l.51.86A5.13,5.13,0,0,1,153.73,14.78Z" transform="translate(0.17 -0.99)" style="fill: #231f20"/>
+    </g>
+    <g id="settings">
+      <path d="M218.46,10.38a1.35,1.35,0,0,0-1-1.24l-1.85-.46a.7.7,0,0,1-.46-1.1l1-1.64A1.35,1.35,0,0,0,216,4.36h0a1.35,1.35,0,0,0-1.56-.19l-1.64,1a.7.7,0,0,1-1.1-.46l-.46-1.85a1.35,1.35,0,0,0-1.24-1h0a1.35,1.35,0,0,0-1.24,1l-.46,1.85a.7.7,0,0,1-1.1.46l-1.64-1a1.35,1.35,0,0,0-1.56.19h0a1.35,1.35,0,0,0-.19,1.56l1,1.64a.7.7,0,0,1-.46,1.1l-1.85.46a1.35,1.35,0,0,0-1,1.24h0a1.35,1.35,0,0,0,1,1.24l1.85.46a.7.7,0,0,1,.46,1.1l-1,1.64a1.35,1.35,0,0,0,.19,1.56h0a1.35,1.35,0,0,0,1.56.19l1.64-1a.7.7,0,0,1,1.1.46l.46,1.85a1.35,1.35,0,0,0,1.24,1h0a1.35,1.35,0,0,0,1.24-1l.46-1.85a.7.7,0,0,1,1.1-.46l1.64,1a1.35,1.35,0,0,0,1.56-.19h0a1.35,1.35,0,0,0,.19-1.56l-1-1.64a.7.7,0,0,1,.46-1.1l1.85-.46a1.35,1.35,0,0,0,1-1.24Zm-5.68,0A2.82,2.82,0,1,1,210,7.54,2.82,2.82,0,0,1,212.78,10.36Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+    </g>
+    <g id="stop">
+      <rect x="223" y="2.84" width="14" height="14" rx="2" ry="2" style="fill: #fff"/>
+    </g>
+    <g id="loop">
+      <g id="loop_on">
+        <path d="M254.05,7.52a5.72,5.72,0,1,1-8.7-.27l-1.62-1.62a8,8,0,1,0,11.94.26Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <path d="M251.13,4.36a.72.72,0,0,1,.85-.85l5.52.77c.54.08.67.46.28.84l-5,5c-.39.39-.77.26-.84-.28Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      </g>
+      <g id="loop_off" style="opacity: 0.5">
+        <path d="M274.21,7.77a5.72,5.72,0,1,1-8.7-.27l-1.62-1.62a8,8,0,1,0,11.94.26Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+        <path d="M271.29,4.61a.72.72,0,0,1,.85-.85l5.52.77c.54.08.67.46.28.84l-5,5c-.39.39-.77.26-.84-.28Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      </g>
+    </g>
+    <g id="replay">
+      <path d="M298.64,10.54a.79.79,0,0,1-1.1.64l-4.86-1.82c-.51-.19-.55-.58-.07-.85l6.18-3.57c.48-.27.79-.06.7.49Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      <path d="M290,17.08a6.22,6.22,0,0,1-2.9-.71,5.94,5.94,0,0,1-3.2-5.24,6.11,6.11,0,0,1,11.87-1.89l.1-.15L298,10.15a8.1,8.1,0,0,0-16.12,1,7.93,7.93,0,0,0,4.26,7,8.22,8.22,0,0,0,3.83.95,8.13,8.13,0,0,0,6.57-3.32l-1.8-.93A6.14,6.14,0,0,1,290,17.08Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+    </g>
+    <g id="chapters">
+      <rect x="302" y="3.01" width="3" height="3" rx="2" ry="2" style="fill: #fff"/>
+      <rect x="307" y="3.01" width="15" height="3" rx="2" ry="2" style="fill: #fff"/>
+      <rect x="302" y="8.01" width="3" height="3" rx="2" ry="2" style="fill: #fff"/>
+      <rect x="307" y="8.01" width="15" height="3" rx="2" ry="2" style="fill: #fff"/>
+      <rect x="302" y="13.01" width="3" height="3" rx="2" ry="2" style="fill: #fff"/>
+      <rect x="307" y="13.01" width="15" height="3" rx="2" ry="2" style="fill: #fff"/>
+    </g>
+  </g>
+  <g id="big_play">
+    <g id="big_play_opaque">
+      <path d="M60.1,78a1.06,1.06,0,0,1,0,2L29.82,97.49c-1,.55-1.73.1-1.73-1v-35c0-1.1.78-1.55,1.73-1Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      <path d="M2.33,80a37.5,37.5,0,1,1,37.5,37.5A37.5,37.5,0,0,1,2.33,80Z" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 5px;opacity: 0.75;isolation: isolate"/>
+    </g>
+    <g id="big_play_hover">
+      <path d="M140.1,78a1.06,1.06,0,0,1,0,2L109.82,97.49c-1,.55-1.73.1-1.73-1v-35c0-1.1.78-1.55,1.73-1Z" transform="translate(0.17 -0.99)" style="fill: #fff"/>
+      <path d="M82.33,80a37.5,37.5,0,1,1,37.5,37.5A37.5,37.5,0,0,1,82.33,80Z" transform="translate(0.17 -0.99)" style="fill: none;stroke: #fff;stroke-width: 5px"/>
+    </g>
+    <g id="loading">
+      <circle cx="201.88" cy="47.13" r="8.13" style="fill: #fff"/>
+      <circle cx="233.88" cy="79.01" r="5" style="fill: #fff;opacity: 0.4"/>
+      <circle cx="201.88" cy="110.88" r="6" style="fill: #fff;opacity: 0.6000000000000001"/>
+      <circle cx="170.13" cy="79.01" r="7" style="fill: #fff;opacity: 0.8"/>
+      <circle cx="178.25" cy="56.34" r="7.5" style="fill: #fff;opacity: 0.9"/>
+      <circle cx="226.33" cy="56.09" r="4.5" style="fill: #fff;opacity: 0.30000000000000004"/>
+      <circle cx="225.75" cy="102.76" r="5.5" style="fill: #fff;opacity: 0.5"/>
+      <circle cx="178.25" cy="102.76" r="6.5" style="fill: #fff;opacity: 0.7000000000000001"/>
+    </g>
+  </g>
+</svg>
diff --git a/prosopopee/themes/material/static/js/mediaelement-and-player.min.js b/prosopopee/themes/material/static/js/mediaelement-and-player.min.js
new file mode 100644
index 0000000..5394b5b
--- /dev/null
+++ b/prosopopee/themes/material/static/js/mediaelement-and-player.min.js
@@ -0,0 +1,36 @@
+/*!
+ * MediaElement.js
+ * http://www.mediaelementjs.com/
+ *
+ * Wrapper that mimics native HTML5 MediaElement (audio and video)
+ * using a variety of technologies (pure JavaScript, Flash, iframe)
+ *
+ * Copyright 2010-2017, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ *//*!
+ * MediaElement.js
+ * http://www.mediaelementjs.com/
+ *
+ * Wrapper that mimics native HTML5 MediaElement (audio and video)
+ * using a variety of technologies (pure JavaScript, Flash, iframe)
+ *
+ * Copyright 2010-2017, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ */
+!function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b,c){},{}],2:[function(a,b,c){(function(c){var d="undefined"!=typeof c?c:"undefined"!=typeof window?window:{},e=a(1);if("undefined"!=typeof document)b.exports=document;else{var f=d["__GLOBAL_DOCUMENT_CACHE@4"];f||(f=d["__GLOBAL_DOCUMENT_CACHE@4"]=e),b.exports=f}}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{1:1}],3:[function(a,b,c){(function(a){"undefined"!=typeof window?b.exports=window:"undefined"!=typeof a?b.exports=a:"undefined"!=typeof self?b.exports=self:b.exports={}}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],4:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}Object.defineProperty(c,"__esModule",{value:!0});var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},f=a(6),g=d(f),h=a(14),i=a(24),j={lang:"en",en:h.EN};j.language=function(){for(var a=arguments.length,b=Array(a),c=0;a>c;c++)b[c]=arguments[c];if(null!==b&&void 0!==b&&b.length){if("string"!=typeof b[0])throw new TypeError("Language code must be a string value");if(!b[0].match(/^[a-z]{2}(\-[a-z]{2})?$/i))throw new TypeError("Language code must have format `xx` or `xx-xx`");j.lang=b[0],void 0===j[b[0]]?(b[1]=null!==b[1]&&void 0!==b[1]&&"object"===e(b[1])?b[1]:{},j[b[0]]=i.isObjectEmpty(b[1])?h.EN:b[1]):null!==b[1]&&void 0!==b[1]&&"object"===e(b[1])&&(j[b[0]]=b[1])}return j.lang},j.t=function(a){var b=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("string"==typeof a&&a.length){var c=void 0,d=void 0,f=j.language(),g=function(a,b,c){if("object"!==("undefined"==typeof a?"undefined":e(a))||"number"!=typeof b||"number"!=typeof c)return a;var d=function(){return[function(){return arguments.length<=1?void 0:arguments[1]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:arguments.length<=2?void 0:arguments[2]},function(){return 0===(arguments.length<=0?void 0:arguments[0])||1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:arguments.length<=2?void 0:arguments[2]},function(){return(arguments.length<=0?void 0:arguments[0])%10===1&&(arguments.length<=0?void 0:arguments[0])%100!==11?arguments.length<=1?void 0:arguments[1]:0!==(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return 1===(arguments.length<=0?void 0:arguments[0])||11===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:2===(arguments.length<=0?void 0:arguments[0])||12===(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:(arguments.length<=0?void 0:arguments[0])>2&&(arguments.length<=0?void 0:arguments[0])<20?arguments.length<=3?void 0:arguments[3]:arguments.length<=4?void 0:arguments[4]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:0===(arguments.length<=0?void 0:arguments[0])||(arguments.length<=0?void 0:arguments[0])%100>0&&(arguments.length<=0?void 0:arguments[0])%100<20?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return(arguments.length<=0?void 0:arguments[0])%10===1&&(arguments.length<=0?void 0:arguments[0])%100!==11?arguments.length<=1?void 0:arguments[1]:(arguments.length<=0?void 0:arguments[0])%10>=2&&((arguments.length<=0?void 0:arguments[0])%100<10||(arguments.length<=0?void 0:arguments[0])%100>=20)?arguments.length<=2?void 0:arguments[2]:[3]},function(){return(arguments.length<=0?void 0:arguments[0])%10===1&&(arguments.length<=0?void 0:arguments[0])%100!==11?arguments.length<=1?void 0:arguments[1]:(arguments.length<=0?void 0:arguments[0])%10>=2&&(arguments.length<=0?void 0:arguments[0])%10<=4&&((arguments.length<=0?void 0:arguments[0])%100<10||(arguments.length<=0?void 0:arguments[0])%100>=20)?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:(arguments.length<=0?void 0:arguments[0])>=2&&(arguments.length<=0?void 0:arguments[0])<=4?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:(arguments.length<=0?void 0:arguments[0])%10>=2&&(arguments.length<=0?void 0:arguments[0])%10<=4&&((arguments.length<=0?void 0:arguments[0])%100<10||(arguments.length<=0?void 0:arguments[0])%100>=20)?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return(arguments.length<=0?void 0:arguments[0])%100===1?arguments.length<=2?void 0:arguments[2]:(arguments.length<=0?void 0:arguments[0])%100===2?arguments.length<=3?void 0:arguments[3]:(arguments.length<=0?void 0:arguments[0])%100===3||(arguments.length<=0?void 0:arguments[0])%100===4?arguments.length<=4?void 0:arguments[4]:arguments.length<=1?void 0:arguments[1]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:2===(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:(arguments.length<=0?void 0:arguments[0])>2&&(arguments.length<=0?void 0:arguments[0])<7?arguments.length<=3?void 0:arguments[3]:(arguments.length<=0?void 0:arguments[0])>6&&(arguments.length<=0?void 0:arguments[0])<11?arguments.length<=4?void 0:arguments[4]:arguments.length<=5?void 0:arguments[5]},function(){return 0===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:2===(arguments.length<=0?void 0:arguments[0])?arguments.length<=3?void 0:arguments[3]:(arguments.length<=0?void 0:arguments[0])%100>=3&&(arguments.length<=0?void 0:arguments[0])%100<=10?arguments.length<=4?void 0:arguments[4]:(arguments.length<=0?void 0:arguments[0])%100>=11?arguments.length<=5?void 0:arguments[5]:arguments.length<=6?void 0:arguments[6]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:0===(arguments.length<=0?void 0:arguments[0])||(arguments.length<=0?void 0:arguments[0])%100>1&&(arguments.length<=0?void 0:arguments[0])%100<11?arguments.length<=2?void 0:arguments[2]:(arguments.length<=0?void 0:arguments[0])%100>10&&(arguments.length<=0?void 0:arguments[0])%100<20?arguments.length<=3?void 0:arguments[3]:arguments.length<=4?void 0:arguments[4]},function(){return(arguments.length<=0?void 0:arguments[0])%10===1?arguments.length<=1?void 0:arguments[1]:(arguments.length<=0?void 0:arguments[0])%10===2?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return 11!==(arguments.length<=0?void 0:arguments[0])&&(arguments.length<=0?void 0:arguments[0])%10===1?arguments.length<=1?void 0:arguments[1]:arguments.length<=2?void 0:arguments[2]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:(arguments.length<=0?void 0:arguments[0])%10>=2&&(arguments.length<=0?void 0:arguments[0])%10<=4&&((arguments.length<=0?void 0:arguments[0])%100<10||(arguments.length<=0?void 0:arguments[0])%100>=20)?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:2===(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:8!==(arguments.length<=0?void 0:arguments[0])&&11!==(arguments.length<=0?void 0:arguments[0])?arguments.length<=3?void 0:arguments[3]:arguments.length<=4?void 0:arguments[4]},function(){return 0===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:arguments.length<=2?void 0:arguments[2]},function(){return 1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:2===(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:3===(arguments.length<=0?void 0:arguments[0])?arguments.length<=3?void 0:arguments[3]:arguments.length<=4?void 0:arguments[4]},function(){return 0===(arguments.length<=0?void 0:arguments[0])?arguments.length<=1?void 0:arguments[1]:1===(arguments.length<=0?void 0:arguments[0])?arguments.length<=2?void 0:arguments[2]:arguments.length<=3?void 0:arguments[3]}]}();return d[c].apply(null,[b].concat(a))};return void 0!==j[f]&&(c=j[f][a],null!==b&&"number"==typeof b&&(d=j[f]["mejs.plural-form"],c=g.apply(null,[c,b,d]))),!c&&j.en&&(c=j.en[a],null!==b&&"number"==typeof b&&(d=j.en["mejs.plural-form"],c=g.apply(null,[c,b,d]))),c=c||a,null!==b&&"number"==typeof b&&(c=c.replace("%1",b)),i.escapeHTML(c)}return a},g["default"].i18n=j,"undefined"!=typeof mejsL10n&&g["default"].i18n.language(mejsL10n.language,mejsL10n.strings),c["default"]=j},{14:14,24:24,6:6}],5:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(c,"__esModule",{value:!0});var f=a(3),g=d(f),h=a(2),i=d(h),j=a(6),k=d(j),l=a(25),m=a(7),n=function o(a,b){var c=this;e(this,o);var d=this;d.defaults={renderers:[],fakeNodeName:"mediaelementwrapper",pluginPath:"build/",shimScriptAccess:"sameDomain"},b=Object.assign(d.defaults,b),d.mediaElement=i["default"].createElement(b.fakeNodeName),d.mediaElement.options=b;var f=a,g=void 0,h=void 0;"string"==typeof a?d.mediaElement.originalNode=i["default"].getElementById(a):(d.mediaElement.originalNode=a,f=a.id),f=f||"mejs_"+Math.random().toString().slice(2),void 0!==d.mediaElement.originalNode&&null!==d.mediaElement.originalNode&&d.mediaElement.appendChild&&(d.mediaElement.originalNode.setAttribute("id",f+"_from_mejs"),d.mediaElement.originalNode.parentNode.insertBefore(d.mediaElement,d.mediaElement.originalNode),d.mediaElement.appendChild(d.mediaElement.originalNode)),d.mediaElement.id=f,d.mediaElement.renderers={},d.mediaElement.renderer=null,d.mediaElement.rendererName=null,d.mediaElement.changeRenderer=function(a,b){var d=c;if(void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer&&d.mediaElement.renderer.name===a)return d.mediaElement.renderer.pause(),d.mediaElement.renderer.stop&&d.mediaElement.renderer.stop(),d.mediaElement.renderer.show(),d.mediaElement.renderer.setSrc(b[0].src),!0;void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer&&(d.mediaElement.renderer.pause(),d.mediaElement.renderer.stop&&d.mediaElement.renderer.stop(),d.mediaElement.renderer.hide());var e=d.mediaElement.renderers[a],f=null;if(void 0!==e&&null!==e)return e.show(),e.setSrc(b[0].src),d.mediaElement.renderer=e,d.mediaElement.rendererName=a,!0;var i=d.mediaElement.options.renderers.length?d.mediaElement.options.renderers:m.renderer.order;for(g=0,h=i.length;h>g;g++){var j=i[g];if(j===a){var k=m.renderer.renderers;f=k[j];var l=Object.assign(f.options,d.mediaElement.options);return e=f.create(d.mediaElement,l,b),e.name=a,d.mediaElement.renderers[f.name]=e,d.mediaElement.renderer=e,d.mediaElement.rendererName=a,e.show(),!0}}return!1},d.mediaElement.setSize=function(a,b){void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer&&d.mediaElement.renderer.setSize(a,b)};var j=k["default"].html5media.properties,n=k["default"].html5media.methods,p=function(a,b,c,d){var e=a[b],f=function(){return c.apply(a,[e])},g=function(b){return e=d.apply(a,[b])};Object.defineProperty(a,b,{get:f,set:g})},q=function(a){"src"!==a&&!function(){var b=""+a.substring(0,1).toUpperCase()+a.substring(1),c=function(){return void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer?d.mediaElement.renderer["get"+b]():null},e=function(a){void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer&&d.mediaElement.renderer["set"+b](a)};p(d.mediaElement,a,c,e),d.mediaElement["get"+b]=c,d.mediaElement["set"+b]=e}()},r=function(){return void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer?d.mediaElement.renderer.getSrc():null},s=function(a){var b=[];if("string"==typeof a)b.push({src:a,type:a?l.getTypeFromFile(a):""});else for(g=0,h=a.length;h>g;g++){var c=l.absolutizeUrl(a[g].src),e=a[g].type;b.push({src:c,type:""!==e&&null!==e&&void 0!==e||!c?e:l.getTypeFromFile(c)})}var f=m.renderer.select(b,d.mediaElement.options.renderers.length?d.mediaElement.options.renderers:[]),j=void 0;return d.mediaElement.originalNode.setAttribute("src",b[0].src||""),null===f?(j=i["default"].createEvent("HTMLEvents"),j.initEvent("error",!1,!1),j.message="No renderer found",void d.mediaElement.dispatchEvent(j)):(d.mediaElement.changeRenderer(f.rendererName,b),void((void 0===d.mediaElement.renderer||null===d.mediaElement.renderer)&&(j=i["default"].createEvent("HTMLEvents"),j.initEvent("error",!1,!1),j.message="Error creating renderer",d.mediaElement.dispatchEvent(j))))},t=function(a){d.mediaElement[a]=function(){for(var b=arguments.length,c=Array(b),e=0;b>e;e++)c[e]=arguments[e];return void 0!==d.mediaElement.renderer&&null!==d.mediaElement.renderer&&"function"==typeof d.mediaElement.renderer[a]?d.mediaElement.renderer[a](c):null}};for(p(d.mediaElement,"src",r,s),d.mediaElement.getSrc=r,d.mediaElement.setSrc=s,g=0,h=j.length;h>g;g++)q(j[g]);for(g=0,h=n.length;h>g;g++)t(n[g]);if(d.mediaElement.events={},d.mediaElement.addEventListener=function(a,b){d.mediaElement.events[a]=d.mediaElement.events[a]||[],d.mediaElement.events[a].push(b)},d.mediaElement.removeEventListener=function(a,b){if(!a)return d.mediaElement.events={},!0;var c=d.mediaElement.events[a];if(!c)return!0;if(!b)return d.mediaElement.events[a]=[],!0;for(var e=0,f=c.length;f>e;e++)if(c[e]===b)return d.mediaElement.events[a].splice(e,1),!0;return!1},d.mediaElement.dispatchEvent=function(a){var b=d.mediaElement.events[a.type];if(b)for(g=0,h=b.length;h>g;g++)b[g].apply(null,[a])},null!==d.mediaElement.originalNode){var u=[];switch(d.mediaElement.originalNode.nodeName.toLowerCase()){case"iframe":u.push({type:"",src:d.mediaElement.originalNode.getAttribute("src")});break;case"audio":case"video":var v=void 0,w=void 0,x=void 0,y=d.mediaElement.originalNode.childNodes.length,z=d.mediaElement.originalNode.getAttribute("src");if(z){var A=d.mediaElement.originalNode;u.push({type:l.formatType(z,A.getAttribute("type")),src:z})}for(g=0;y>g;g++)v=d.mediaElement.originalNode.childNodes[g],v.nodeType===Node.ELEMENT_NODE&&"source"===v.tagName.toLowerCase()&&(w=v.getAttribute("src"),x=l.formatType(w,v.getAttribute("type")),u.push({type:x,src:w}))}u.length>0&&(d.mediaElement.src=u)}return d.mediaElement.options.success&&d.mediaElement.options.success(d.mediaElement,d.mediaElement.originalNode),d.mediaElement};g["default"].MediaElement=n,c["default"]=n},{2:2,25:25,3:3,6:6,7:7}],6:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}Object.defineProperty(c,"__esModule",{value:!0});var e=a(3),f=d(e),g={};g.version="3.2.3",g.html5media={properties:["volume","src","currentTime","muted","duration","paused","ended","buffered","error","networkState","readyState","seeking","seekable","currentSrc","preload","bufferedBytes","bufferedTime","initialTime","startOffsetTime","defaultPlaybackRate","playbackRate","played","autoplay","loop","controls"],readOnlyProperties:["duration","paused","ended","buffered","error","networkState","readyState","seeking","seekable"],methods:["load","play","pause","canPlayType"],events:["loadstart","progress","suspend","abort","error","emptied","stalled","play","pause","loadedmetadata","loadeddata","waiting","playing","canplay","canplaythrough","seeking","seeked","timeupdate","ended","ratechange","durationchange","volumechange"],mediaTypes:["audio/mp3","audio/ogg","audio/oga","audio/wav","audio/x-wav","audio/wave","audio/x-pn-wav","audio/mpeg","audio/mp4","video/mp4","video/webm","video/ogg"]},f["default"].mejs=g,c["default"]=g},{3:3}],7:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(c,"__esModule",{value:!0}),c.renderer=void 0;var f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},g=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),h=a(6),i=d(h),j=function(){function a(){e(this,a),this.renderers={},this.order=[]}return g(a,[{key:"add",value:function(a){if(void 0===a.name)throw new TypeError("renderer must contain at least `name` property");this.renderers[a.name]=a,this.order.push(a.name)}},{key:"select",value:function(a){var b=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],c=b.length;b=b.length?b:this.order,c||!function(){var a=[/^(html5|native)/,/^flash/,/iframe$/],c=function(b){for(var c=0;c<a.length;c++)if(null!==b.match(a[c]))return c;return a.length};b.sort(function(a,b){return c(a)-c(b)})}();for(var d=0,e=b.length;e>d;d++){var f=b[d],g=this.renderers[f];if(null!==g&&void 0!==g)for(var h=0,i=a.length;i>h;h++)if("function"==typeof g.canPlayType&&"string"==typeof a[h].type&&g.canPlayType(a[h].type))return{rendererName:g.name,src:a[h].src}}return null}},{key:"order",set:function(a){if(!Array.isArray(a))throw new TypeError("order must be an array of strings.");this._order=a},get:function(){return this._order}},{key:"renderers",set:function(a){if(null!==a&&"object"!==("undefined"==typeof a?"undefined":f(a)))throw new TypeError("renderers must be an array of objects.");this._renderers=a},get:function(){return this._renderers}}]),a}(),k=c.renderer=new j;i["default"].Renderers=k},{6:6}],8:[function(a,b,c){"use strict";function d(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b}function e(a){return a&&a.__esModule?a:{"default":a}}var f=a(3),g=e(f),h=a(2),i=e(h),j=a(4),k=e(j),l=a(16),m=e(l),n=a(23),o=d(n),p=a(24);Object.assign(l.config,{usePluginFullScreen:!0,fullscreenText:null}),Object.assign(m["default"].prototype,{isFullScreen:!1,isNativeFullScreen:!1,isInIframe:!1,isPluginClickThroughCreated:!1,fullscreenMode:"",containerSizeTimeout:null,buildfullscreen:function(a,b,c,d){if(a.isVideo){a.isInIframe=g["default"].location!==g["default"].parent.location,d.addEventListener("loadstart",function(){a.detectFullscreenMode()});var e=null,f=this,h=p.isString(f.options.fullscreenText)?f.options.fullscreenText:k["default"].t("mejs.fullscreen"),i=$('<div class="'+f.options.classPrefix+"button "+f.options.classPrefix+'fullscreen-button">'+('<button type="button" aria-controls="'+f.id+'" title="'+h+'" aria-label="'+h+'" tabindex="0"></button>')+"</div>");if(f.addControlElement(i,"fullscreen"),i.on("click",function(){var b=o.HAS_TRUE_NATIVE_FULLSCREEN&&o.IS_FULLSCREEN||a.isFullScreen;b?a.exitFullScreen():a.enterFullScreen()}).on("mouseover",function(){if("plugin-hover"===f.fullscreenMode){null!==e&&(clearTimeout(e),e=null);var b=i.offset(),c=a.container.offset();d.positionFullscreenButton(b.left-c.left,b.top-c.top,!0)}}).on("mouseout",function(){"plugin-hover"===f.fullscreenMode&&(null!==e&&clearTimeout(e),e=setTimeout(function(){d.hideFullscreenButton()},1500))}),a.fullscreenBtn=i,f.globalBind("keydown",function(b){var c=b.which||b.keyCode||0;27===c&&(o.HAS_TRUE_NATIVE_FULLSCREEN&&o.IS_FULLSCREEN||f.isFullScreen)&&a.exitFullScreen()}),f.normalHeight=0,f.normalWidth=0,o.HAS_TRUE_NATIVE_FULLSCREEN){var j=function(){a.isFullScreen&&(o.isFullScreen()?(a.isNativeFullScreen=!0,a.setControlsSize()):(a.isNativeFullScreen=!1,a.exitFullScreen()))};a.globalBind(o.FULLSCREEN_EVENT_NAME,j)}}},detectFullscreenMode:function(){var a=this,b=null!==a.media.rendererName&&null!==a.media.rendererName.match(/(native|html5)/),c="";return o.HAS_TRUE_NATIVE_FULLSCREEN&&b?c="native-native":o.HAS_TRUE_NATIVE_FULLSCREEN&&!b?c="plugin-native":a.usePluginFullScreen?o.SUPPORT_POINTER_EVENTS?(c="plugin-click",a.createPluginClickThrough()):c="plugin-hover":c="fullwindow",a.fullscreenMode=c,c},createPluginClickThrough:function(){var a=this;if(!a.isPluginClickThroughCreated){var b=!1,c=function(){if(b){for(var c in d)d[c].hide();a.fullscreenBtn.css("pointer-events",""),a.controls.css("pointer-events",""),a.media.removeEventListener("click",a.clickToPlayPauseCallback),b=!1}},d={},e=["top","left","right","bottom"],f=function(){var b=a.fullscreenBtn.offset().left-a.container.offset().left,c=a.fullscreenBtn.offset().top-a.container.offset().top,e=a.fullscreenBtn.outerWidth(!0),f=a.fullscreenBtn.outerHeight(!0),g=a.container.width(),h=a.container.height();for(var i in d)i.css({position:"absolute",top:0,left:0});d.top.width(g).height(c),d.left.width(b).height(f).css({top:c}),d.right.width(g-b-e).height(f).css({top:c,left:b+e}),d.bottom.width(g).height(h-f-c).css({top:c+f})};a.globalBind("resize",function(){f()});for(var g=0,h=e.length;h>g;g++)d[e[g]]=$('<div class="'+a.options.classPrefix+'fullscreen-hover" />').appendTo(a.container).mouseover(c).hide();a.fullscreenBtn.on("mouseover",function(){if(!a.isFullScreen){var c=a.fullscreenBtn.offset(),e=a.container.offset();a.media.positionFullscreenButton(c.left-e.left,c.top-e.top,!1),a.fullscreenBtn.css("pointer-events","none"),a.controls.css("pointer-events","none"),a.media.addEventListener("click",a.clickToPlayPauseCallback);for(var g=0,h=d.length;h>g;g++)d[g].show();f(),b=!0}}),a.media.addEventListener("fullscreenchange",function(){a.isFullScreen=!a.isFullScreen,a.isFullScreen?a.media.removeEventListener("click",a.clickToPlayPauseCallback):a.media.addEventListener("click",a.clickToPlayPauseCallback),c()}),a.globalBind("mousemove",function(c){if(b){var d=a.fullscreenBtn.offset();(c.pageY<d.top||c.pageY>d.top+a.fullscreenBtn.outerHeight(!0)||c.pageX<d.left||c.pageX>d.left+a.fullscreenBtn.outerWidth(!0))&&(a.fullscreenBtn.css("pointer-events",""),a.controls.css("pointer-events",""),b=!1)}}),a.isPluginClickThroughCreated=!0}},cleanfullscreen:function(a){a.exitFullScreen()},enterFullScreen:function(){var a=this,b=null!==a.media.rendererName&&null!==a.media.rendererName.match(/(html5|native)/);if(o.IS_IOS&&o.HAS_IOS_FULLSCREEN&&"function"==typeof a.media.webkitEnterFullscreen)return void a.media.webkitEnterFullscreen();$(i["default"].documentElement).addClass(a.options.classPrefix+"fullscreen"),a.normalHeight=a.container.height(),a.normalWidth=a.container.width(),"native-native"===a.fullscreenMode||"plugin-native"===a.fullscreenMode?(o.requestFullScreen(a.container[0]),a.isInIframe&&setTimeout(function d(){if(a.isNativeFullScreen){var b=.002,c=$(g["default"]).width(),e=screen.width,f=Math.abs(e-c),h=e*b;f>h?a.exitFullScreen():setTimeout(d,500)}},1e3)):"fullwindow"===a.fullscreeMode,a.container.addClass(a.options.classPrefix+"container-fullscreen").width("100%").height("100%"),a.containerSizeTimeout=setTimeout(function(){a.container.css({width:"100%",height:"100%"}),a.setControlsSize()},500),b?a.$media.width("100%").height("100%"):a.container.find("iframe, embed, object, video").width("100%").height("100%"),a.options.setDimensions&&"function"==typeof a.media.setSize&&a.media.setSize(screen.width,screen.height),a.layers.children("div").width("100%").height("100%"),a.fullscreenBtn&&a.fullscreenBtn.removeClass(a.options.classPrefix+"fullscreen").addClass(a.options.classPrefix+"unfullscreen"),a.setControlsSize(),a.isFullScreen=!0;var c=Math.min(screen.width/a.width,screen.height/a.height);a.container.find("."+a.options.classPrefix+"captions-text").css("font-size",100*c+"%"),a.container.find("."+a.options.classPrefix+"captions-text").css("line-height","normal"),a.container.find("."+a.options.classPrefix+"captions-position").css("bottom","45px"),a.container.trigger("enteredfullscreen")},exitFullScreen:function(){var a=this,b=null!==a.media.rendererName&&null!==a.media.rendererName.match(/(native|html5)/);clearTimeout(a.containerSizeTimeout),o.HAS_TRUE_NATIVE_FULLSCREEN&&(o.IS_FULLSCREEN||a.isFullScreen)&&o.cancelFullScreen(),$(i["default"].documentElement).removeClass(a.options.classPrefix+"fullscreen"),a.container.removeClass(a.options.classPrefix+"container-fullscreen"),a.options.setDimensions&&(a.container.width(a.normalWidth).height(a.normalHeight),b?a.$media.width(a.normalWidth).height(a.normalHeight):a.container.find("iframe, embed, object, video").width(a.normalWidth).height(a.normalHeight),"function"==typeof a.media.setSize&&a.media.setSize(a.normalWidth,a.normalHeight),a.layers.children("div").width(a.normalWidth).height(a.normalHeight)),a.fullscreenBtn.removeClass(a.options.classPrefix+"unfullscreen").addClass(a.options.classPrefix+"fullscreen"),a.setControlsSize(),a.isFullScreen=!1,a.container.find("."+a.options.classPrefix+"captions-text").css("font-size",""),a.container.find("."+a.options.classPrefix+"captions-text").css("line-height",""),a.container.find("."+a.options.classPrefix+"captions-position").css("bottom",""),a.container.trigger("exitedfullscreen")}})},{16:16,2:2,23:23,24:24,3:3,4:4}],9:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(16),f=d(e),g=a(4),h=d(g),i=a(24);Object.assign(e.config,{playText:null,pauseText:null}),Object.assign(f["default"].prototype,{buildplaypause:function(a,b,c,d){function e(a){"play"===a?(l.removeClass(f.options.classPrefix+"play").removeClass(f.options.classPrefix+"replay").addClass(f.options.classPrefix+"pause"),m.attr({title:k,"aria-label":k})):(l.removeClass(f.options.classPrefix+"pause").removeClass(f.options.classPrefix+"replay").addClass(f.options.classPrefix+"play"),m.attr({title:j,"aria-label":j}))}var f=this,g=f.options,j=i.isString(g.playText)?g.playText:h["default"].t("mejs.play"),k=i.isString(g.pauseText)?g.pauseText:h["default"].t("mejs.pause"),l=$('<div class="'+f.options.classPrefix+"button "+f.options.classPrefix+"playpause-button "+(f.options.classPrefix+'play">')+('<button type="button" aria-controls="'+f.id+'" title="'+j+'" aria-label="'+k+'" tabindex="0"></button>')+"</div>"),m=l.find("button");f.addControlElement(l,"playpause"),l.click(function(){d.paused?d.play():d.pause()}),e("pse"),d.addEventListener("play",function(){e("play")},!1),d.addEventListener("playing",function(){e("play")},!1),d.addEventListener("pause",function(){e("pse")},!1),d.addEventListener("paused",function(){e("pse")},!1),d.addEventListener("ended",function(){a.options.loop||(l.removeClass(f.options.classPrefix+"pause").removeClass(f.options.classPrefix+"play").addClass(f.options.classPrefix+"replay"),m.attr({title:j,"aria-label":j}))},!1)}})},{16:16,24:24,4:4}],10:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(16),f=d(e),g=a(4),h=d(g),i=a(23),j=a(27);Object.assign(e.config,{enableProgressTooltip:!0}),Object.assign(f["default"].prototype,{buildprogress:function(a,b,c,d){var e=0,f=!1,g=!1,k=this,l=a.options.autoRewind,m=a.options.enableProgressTooltip?'<span class="'+k.options.classPrefix+'time-float">'+('<span class="'+k.options.classPrefix+'time-float-current">00:00</span>')+('<span class="'+k.options.classPrefix+'time-float-corner"></span>')+"</span>":"",n=$('<div class="'+k.options.classPrefix+'time-rail">'+('<span class="'+k.options.classPrefix+"time-total "+k.options.classPrefix+'time-slider">')+('<span class="'+k.options.classPrefix+'time-buffering"></span>')+('<span class="'+k.options.classPrefix+'time-loaded"></span>')+('<span class="'+k.options.classPrefix+'time-current"></span>')+('<span class="'+k.options.classPrefix+'time-handle"></span>')+(""+m)+"</span></div>");k.addControlElement(n,"progress"),b.find("."+k.options.classPrefix+"time-buffering").hide(),k.rail=b.find("."+k.options.classPrefix+"time-rail"),k.total=b.find("."+k.options.classPrefix+"time-total"),k.loaded=b.find("."+k.options.classPrefix+"time-loaded"),k.current=b.find("."+k.options.classPrefix+"time-current"),k.handle=b.find("."+k.options.classPrefix+"time-handle"),k.timefloat=b.find("."+k.options.classPrefix+"time-float"),k.timefloatcurrent=b.find("."+k.options.classPrefix+"time-float-current"),k.slider=b.find("."+k.options.classPrefix+"time-slider"),k.newTime=0,k.forcedHandlePause=!1;var o=function(b){var c=k.total.offset(),e=k.total.width(),g=0,h=0,l=void 0;l=b.originalEvent&&b.originalEvent.changedTouches?b.originalEvent.changedTouches[0].pageX:b.changedTouches?b.changedTouches[0].pageX:b.pageX,d.duration&&(l<c.left?l=c.left:l>e+c.left&&(l=e+c.left),h=l-c.left,g=h/e,k.newTime=.02>=g?0:g*d.duration,f&&k.newTime.toFixed(4)!==d.currentTime.toFixed(4)&&(k.setCurrentRailHandle(k.newTime),k.updateCurrent(k.newTime)),i.IS_IOS||i.IS_ANDROID||(k.timefloat.css("left",h),k.timefloatcurrent.html(j.secondsToTimeCode(k.newTime,a.options.alwaysShowHours)),k.timefloat.show()))},p=function(){var b=d.currentTime,c=h["default"].t("mejs.time-slider"),e=j.secondsToTimeCode(b,a.options.alwaysShowHours),f=d.duration;k.slider.attr({role:"slider",tabindex:0}),d.paused?k.slider.attr({"aria-label":c,"aria-valuemin":0,"aria-valuemax":f,"aria-valuenow":b,"aria-valuetext":e}):k.slider.removeAttr("aria-label aria-valuemin aria-valuemax aria-valuenow aria-valuetext")},q=function(){var a=new Date;a-e>=1e3&&d.play()},r=function(){f&&k.newTime.toFixed(4)!==d.currentTime.toFixed(4)&&(d.setCurrentTime(k.newTime),a.setCurrentRail(),k.updateCurrent(k.newTime)),k.forcedHandlePause&&k.media.play(),k.forcedHandlePause=!1};k.slider.on("focus",function(){a.options.autoRewind=!1}).on("blur",function(){a.options.autoRewind=l}).on("keydown",function(b){if(new Date-e>=1e3&&(g=d.paused),k.options.keyActions.length){var c=b.which||b.keyCode||0,f=d.duration,h=a.options.defaultSeekForwardInterval(d),j=a.options.defaultSeekBackwardInterval(d),l=d.currentTime;switch(c){case 37:case 40:d.duration!==1/0&&(l-=j);break;case 39:case 38:d.duration!==1/0&&(l+=h);break;case 36:l=0;break;case 35:l=f;break;case 32:return void(i.IS_FIREFOX||(d.paused?d.play():d.pause()));case 13:return void(d.paused?d.play():d.pause());default:return}l=0>l?0:l>=f?f:Math.floor(l),e=new Date,g||d.pause(),l<d.duration&&!g&&setTimeout(q,1100),d.setCurrentTime(l),b.preventDefault(),b.stopPropagation()}}).on("mousedown touchstart",function(a){k.forcedHandlePause=!1,d.duration!==1/0&&(1===a.which||0===a.which)&&(d.paused||(k.media.pause(),k.forcedHandlePause=!0),f=!0,o(a),k.globalBind("mousemove.dur touchmove.dur",function(a){o(a)}),k.globalBind("mouseup.dur touchend.dur",function(){r(),f=!1,void 0!==k.timefloat&&k.timefloat.hide(),k.globalUnbind("mousemove.dur touchmove.dur mouseup.dur touchend.dur")}))}).on("mouseenter",function(){d.duration!==1/0&&(k.globalBind("mousemove.dur",function(a){o(a)}),void 0===k.timefloat||i.IS_IOS||i.IS_ANDROID||k.timefloat.show())}).on("mouseleave",function(){d.duration!==1/0&&(f||(k.globalUnbind("mousemove.dur"),void 0!==k.timefloat&&k.timefloat.hide()))}),d.addEventListener("progress",function(c){d.duration!==1/0?(a.setProgressRail(c),k.forcedHandlePause||a.setCurrentRail(c)):b.find("."+k.options.classPrefix+"broadcast").length||b.find("."+k.options.classPrefix+"time-rail").empty().html('<span class="'+k.options.classPrefix+'broadcast">'+h["default"].t("mejs.live-broadcast")+"</span>");
+},!1),d.addEventListener("timeupdate",function(c){d.duration!==1/0?(a.setProgressRail(c),k.forcedHandlePause||a.setCurrentRail(c),p(c)):b.find("."+k.options.classPrefix+"broadcast").length||b.find("."+k.options.classPrefix+"time-rail").empty().html('<span class="'+k.options.classPrefix+'broadcast">'+h["default"].t("mejs.live-broadcast")+"</span>")},!1),k.container.on("controlsresize",function(b){d.duration!==1/0&&(a.setProgressRail(b),k.forcedHandlePause||a.setCurrentRail(b))})},setProgressRail:function(a){var b=null,c=this,d=void 0!==a?a.target:c.media;d&&d.buffered&&d.buffered.length>0&&d.buffered.end&&d.duration?b=d.buffered.end(d.buffered.length-1)/d.duration:d&&void 0!==d.bytesTotal&&d.bytesTotal>0&&void 0!==d.bufferedBytes?b=d.bufferedBytes/d.bytesTotal:a&&a.lengthComputable&&0!==a.total&&(b=a.loaded/a.total),null!==b&&(b=Math.min(1,Math.max(0,b)),c.loaded&&c.total&&c.loaded.width(100*b+"%"))},setCurrentRailHandle:function(a){var b=this;b.setCurrentRailMain(b,a)},setCurrentRail:function(){var a=this;a.setCurrentRailMain(a)},setCurrentRailMain:function(a,b){if(void 0!==a.media.currentTime&&a.media.duration){var c="undefined"==typeof b?a.media.currentTime:b;if(a.total&&a.handle){var d=Math.round(a.total.width()*c/a.media.duration),e=d-Math.round(a.handle.outerWidth(!0)/2);d=c/a.media.duration*100,a.current.width(d+"%"),a.handle.css("left",e)}}}})},{16:16,23:23,27:27,4:4}],11:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(16),f=d(e),g=a(27);Object.assign(e.config,{duration:0,timeAndDurationSeparator:"<span> | </span>"}),Object.assign(f["default"].prototype,{buildcurrent:function(a,b,c,d){var e=this,f=$('<div class="'+e.options.classPrefix+'time" role="timer" aria-live="off">'+('<span class="'+e.options.classPrefix+'currenttime">'+g.secondsToTimeCode(0,a.options.alwaysShowHours,a.options.showTimecodeFrameCount,a.options.framesPerSecond)+"</span>")+"</div>");e.addControlElement(f,"current"),e.currenttime=e.controls.find("."+e.options.classPrefix+"currenttime"),d.addEventListener("timeupdate",function(){e.controlsAreVisible&&a.updateCurrent()},!1)},buildduration:function(a,b,c,d){var e=this;if(b.children().last().find("."+e.options.classPrefix+"currenttime").length>0){var f=$(e.options.timeAndDurationSeparator+'<span class="'+e.options.classPrefix+'duration">'+(g.secondsToTimeCode(e.options.duration,e.options.alwaysShowHours,e.options.showTimecodeFrameCount,e.options.framesPerSecond)+"</span>"));f.appendTo(b.find("."+e.options.classPrefix+"time"))}else{b.find("."+e.options.classPrefix+"currenttime").parent().addClass(e.options.classPrefix+"currenttime-container");var h=$('<div class="'+e.options.classPrefix+"time "+e.options.classPrefix+'duration-container">'+('<span class="'+e.options.classPrefix+'duration">')+(g.secondsToTimeCode(e.options.duration,e.options.alwaysShowHours,e.options.showTimecodeFrameCount,e.options.framesPerSecond)+"</span>")+"</div>");e.addControlElement(h,"duration")}e.durationD=e.controls.find("."+e.options.classPrefix+"duration"),d.addEventListener("timeupdate",function(){e.controlsAreVisible&&a.updateDuration()},!1)},updateCurrent:function(){var a=this,b=a.media.currentTime;isNaN(b)&&(b=0),a.currenttime&&a.currenttime.html(g.secondsToTimeCode(b,a.options.alwaysShowHours,a.options.showTimecodeFrameCount,a.options.framesPerSecond))},updateDuration:function(){var a=this,b=a.media.duration;(isNaN(b)||b===1/0||0>b)&&(a.media.duration=a.options.duration=b=0),a.options.duration>0&&(b=a.options.duration),a.container.toggleClass(a.options.classPrefix+"long-video",b>3600),a.durationD&&b>0&&a.durationD.html(g.secondsToTimeCode(b,a.options.alwaysShowHours,a.options.showTimecodeFrameCount,a.options.framesPerSecond))}})},{16:16,27:27}],12:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(6),f=d(e),g=a(4),h=d(g),i=a(16),j=d(i),k=a(27),l=a(24);Object.assign(i.config,{startLanguage:"",tracksText:null,chaptersText:null,tracksAriaLive:!1,hideCaptionsButtonWhenEmpty:!0,toggleCaptionsButtonWhenOnlyOne:!1,slidesSelector:""}),Object.assign(j["default"].prototype,{hasChapters:!1,buildtracks:function(a,b,c,d){if(0!==a.tracks.length){var e=this,f=e.options.tracksAriaLive?' role="log" aria-live="assertive" aria-atomic="false"':"",g=l.isString(e.options.tracksText)?e.options.tracksText:h["default"].t("mejs.captions-subtitles"),i=l.isString(e.options.chaptersText)?e.options.chaptersText:h["default"].t("mejs.captions-chapters"),j=a.tracks.length,k=void 0,m=void 0;if(e.domNode.textTracks)for(k=e.domNode.textTracks.length-1;k>=0;k--)e.domNode.textTracks[k].mode="hidden";e.cleartracks(a),a.captions=$('<div class="'+e.options.classPrefix+"captions-layer "+e.options.classPrefix+'layer">'+('<div class="'+e.options.classPrefix+"captions-position "+e.options.classPrefix+'captions-position-hover"'+f+">")+('<span class="'+e.options.classPrefix+'captions-text"></span>')+"</div></div>").prependTo(c).hide(),a.captionsText=a.captions.find("."+e.options.classPrefix+"captions-text"),a.captionsButton=$('<div class="'+e.options.classPrefix+"button "+e.options.classPrefix+'captions-button">'+('<button type="button" aria-controls="'+e.id+'" title="'+g+'" aria-label="'+g+'" tabindex="0"></button>')+('<div class="'+e.options.classPrefix+"captions-selector "+e.options.classPrefix+'offscreen">')+('<ul class="'+e.options.classPrefix+'captions-selector-list">')+('<li class="'+e.options.classPrefix+'captions-selector-list-item">')+('<input type="radio" class="'+e.options.classPrefix+'captions-selector-input" ')+('name="'+a.id+'_captions" id="'+a.id+'_captions_none" ')+'value="none" checked="checked" />'+('<label class="'+e.options.classPrefix+"captions-selector-label ")+(e.options.classPrefix+'captions-selected" ')+('for="'+a.id+'_captions_none">'+h["default"].t("mejs.none")+"</label>")+"</li></ul></div></div>"),e.addControlElement(a.captionsButton,"tracks"),a.chaptersButton=$('<div class="'+e.options.classPrefix+"button "+e.options.classPrefix+'chapters-button">'+('<button type="button" aria-controls="'+e.id+'" title="'+i+'" aria-label="'+i+'" tabindex="0"></button>')+('<div class="'+e.options.classPrefix+"chapters-selector "+e.options.classPrefix+'offscreen">')+('<ul class="'+e.options.classPrefix+'chapters-selector-list"></ul>')+"</div></div>");var n=0;for(k=0;j>k;k++)m=a.tracks[k].kind,"subtitles"===m||"captions"===m?n++:"chapters"!==m||b.find("."+e.options.classPrefix+"chapter-selector").length||a.chaptersButton.insertAfter(a.captionsButton);for(e.options.toggleCaptionsButtonWhenOnlyOne&&1===n?a.captionsButton.on("click",function(){var b="none";null===a.selectedTrack&&(b=a.tracks[0].trackId),a.setTrack(b)}):a.captionsButton.on("mouseenter focusin",function(){$(this).find("."+e.options.classPrefix+"captions-selector").removeClass(e.options.classPrefix+"offscreen")}).on("mouseleave focusout",function(){$(this).find("."+e.options.classPrefix+"captions-selector").addClass(e.options.classPrefix+"offscreen")}).on("click","input[type=radio]",function(){a.setTrack(this.value)}).on("click","."+e.options.classPrefix+"captions-selector-label",function(){$(this).siblings('input[type="radio"]').trigger("click")}).on("keydown",function(a){a.stopPropagation()}),a.chaptersButton.on("mouseenter focusin",function(){var a=$(this),b=a.find("."+e.options.classPrefix+"chapters-selector-list").children().length;b&&a.find("."+e.options.classPrefix+"chapters-selector").removeClass(e.options.classPrefix+"offscreen")}).on("mouseleave focusout",function(){$(this).find("."+e.options.classPrefix+"chapters-selector").addClass(e.options.classPrefix+"offscreen")}).on("click","input[type=radio]",function(){var b=$(this);a.chaptersButton.find("li").attr("aria-checked",!1).end().find("."+e.options.classPrefix+"chapters-selected").removeClass(e.options.classPrefix+"chapters-selected"),b.prop("checked",!0).siblings("."+e.options.classPrefix+"chapters-selector-label").addClass(e.options.classPrefix+"chapters-selected").end().parent().attr("aria-checked",!0),d.setCurrentTime(parseFloat(b.val())),d.paused&&d.play()}).on("click","."+e.options.classPrefix+"chapters-selector-label",function(){$(this).siblings('input[type="radio"]').trigger("click")}).on("keydown",function(a){a.stopPropagation()}),a.options.alwaysShowControls?a.container.find("."+e.options.classPrefix+"captions-position").addClass(e.options.classPrefix+"captions-position-hover"):a.container.on("controlsshown",function(){a.container.find("."+e.options.classPrefix+"captions-position").addClass(e.options.classPrefix+"captions-position-hover")}).on("controlshidden",function(){d.paused||a.container.find("."+e.options.classPrefix+"captions-position").removeClass(e.options.classPrefix+"captions-position-hover")}),a.trackToLoad=-1,a.selectedTrack=null,a.isLoadingTrack=!1,k=0;j>k;k++)m=a.tracks[k].kind,("subtitles"===m||"captions"===m)&&a.addTrackButton(a.tracks[k].trackId,a.tracks[k].srclang,a.tracks[k].label);a.loadNextTrack(),d.addEventListener("timeupdate",function(){a.displayCaptions()},!1),""!==a.options.slidesSelector&&(a.slidesContainer=$(a.options.slidesSelector),d.addEventListener("timeupdate",function(){a.displaySlides()},!1)),e.container.on("controlsresize",function(){e.adjustLanguageBox()})}},cleartracks:function(a){a&&(a.captions&&a.captions.remove(),a.chapters&&a.chapters.remove(),a.captionsText&&a.captionsText.remove(),a.captionsButton&&a.captionsButton.remove(),a.chaptersButton&&a.chaptersButton.remove())},rebuildtracks:function(){var a=this;a.findTracks(),a.buildtracks(a,a.controls,a.layers,a.media)},findTracks:function(){var a=this,b=a.$media.find("track");a.tracks=[],b.each(function(b,c){c=$(c);var d=c.attr("srclang")?c.attr("srclang").toLowerCase():"",e=a.id+"_track_"+b+"_"+c.attr("kind")+"_"+d;a.tracks.push({trackId:e,srclang:d,src:c.attr("src"),kind:c.attr("kind"),label:c.attr("label")||"",entries:[],isLoaded:!1})})},setTrack:function(a){var b=this;if(b.captionsButton.find('input[type="radio"]').prop("checked",!1).end().find("."+b.options.classPrefix+"captions-selected").removeClass(b.options.classPrefix+"captions-selected").end().find('input[value="'+a+'"]').prop("checked",!0).siblings("."+b.options.classPrefix+"captions-selector-label").addClass(b.options.classPrefix+"captions-selected"),"none"===a)return b.selectedTrack=null,void b.captionsButton.removeClass(b.options.classPrefix+"captions-enabled");for(var c=0;c<b.tracks.length;c++){var d=b.tracks[c];if(d.trackId===a){null===b.selectedTrack&&b.captionsButton.addClass(b.options.classPrefix+"captions-enabled"),b.selectedTrack=d,b.captions.attr("lang",b.selectedTrack.srclang),b.displayCaptions();break}}},loadNextTrack:function(){var a=this;a.trackToLoad++,a.trackToLoad<a.tracks.length?(a.isLoadingTrack=!0,a.loadTrack(a.trackToLoad)):(a.isLoadingTrack=!1,a.checkForTracks())},loadTrack:function(a){var b=this,c=b.tracks[a],d=function(){c.isLoaded=!0,b.enableTrackButton(c),b.loadNextTrack()};void 0===c||void 0===c.src&&""===c.src||$.ajax({url:c.src,dataType:"text",success:function(a){"string"==typeof a&&/<tt\s+xml/gi.exec(a)?c.entries=f["default"].TrackFormatParser.dfxp.parse(a):c.entries=f["default"].TrackFormatParser.webvtt.parse(a),d(),"slides"===c.kind?b.setupSlides(c):"chapters"!==c.kind||b.hasChapters||(b.drawChapters(c),b.hasChapters=!0)},error:function(){b.removeTrackButton(c.trackId),b.loadNextTrack()}})},enableTrackButton:function(a){var b=this,c=a.srclang,d=$("#"+a.trackId),e=a.label;""===e&&(e=h["default"].t(f["default"].language.codes[c])||c),d.prop("disabled",!1).siblings("."+b.options.classPrefix+"captions-selector-label").html(e),b.options.startLanguage===c&&d.prop("checked",!0).trigger("click"),b.adjustLanguageBox()},removeTrackButton:function(a){var b=this;b.captionsButton.find("input[id="+a+"]").closest("li").remove(),b.adjustLanguageBox()},addTrackButton:function(a,b,c){var d=this;""===c&&(c=h["default"].t(f["default"].language.codes[b])||b),d.captionsButton.find("ul").append($('<li class="'+d.options.classPrefix+'captions-selector-list-item">'+('<input type="radio" class="'+d.options.classPrefix+'captions-selector-input" ')+('name="'+d.id+'_captions" id="'+a+'" value="'+a+'" disabled="disabled" />')+('<label class="'+d.options.classPrefix+'captions-selector-label">'+c+" (loading)</label>")+"</li>")),d.adjustLanguageBox(),d.container.find("."+d.options.classPrefix+"captions-translations option[value="+b+"]").remove()},adjustLanguageBox:function(){var a=this;a.captionsButton.find("."+a.options.classPrefix+"captions-selector").height(a.captionsButton.find("."+a.options.classPrefix+"captions-selector-list").outerHeight(!0)+a.captionsButton.find("."+a.options.classPrefix+"captions-translations").outerHeight(!0))},checkForTracks:function(){var a=this,b=!1;if(a.options.hideCaptionsButtonWhenEmpty){for(var c=0,d=a.tracks.length;d>c;c++){var e=a.tracks[c].kind;if(("subtitles"===e||"captions"===e)&&a.tracks[c].isLoaded){b=!0;break}}b||(a.captionsButton.hide(),a.setControlsSize())}},displayCaptions:function(){if(void 0!==this.tracks){var a=this,b=a.selectedTrack,c=function(a){var b=document.createElement("div");b.innerHTML=a;for(var c=b.getElementsByTagName("script"),d=c.length;d--;)c[d].parentNode.removeChild(c[d]);for(var e=b.getElementsByTagName("*"),f=0,g=e.length;g>f;f++)for(var h=e[f].attributes,i=Array.prototype.slice.call(h),j=0,k=i.length;k>j;j++)i[j].name.startsWith("on")||i[j].value.startsWith("javascript")?e[f].parentNode.removeChild(e[f]):"style"===i[j].name&&e[f].removeAttribute(i[j].name);return b.innerHTML};if(null!==b&&b.isLoaded){var d=a.searchTrackPosition(b.entries,a.media.currentTime);if(d>-1)return a.captionsText.html(c(b.entries[d].text)).attr("class",a.options.classPrefix+"captions-text "+(b.entries[d].identifier||"")),void a.captions.show().height(0);a.captions.hide()}else a.captions.hide()}},setupSlides:function(a){var b=this;b.slides=a,b.slides.entries.imgs=[b.slides.entries.length],b.showSlide(0)},showSlide:function(a){if(void 0!==this.tracks&&void 0!==this.slidesContainer){var b=this,c=b.slides.entries[a].text,d=b.slides.entries[a].imgs;void 0===d||void 0===d.fadeIn?b.slides.entries[a].imgs=d=$('<img src="'+c+'">').on("load",function(){d.appendTo(b.slidesContainer).hide().fadeIn().siblings(":visible").fadeOut()}):d.is(":visible")||d.is(":animated")||d.fadeIn().siblings(":visible").fadeOut()}},displaySlides:function(){if(void 0!==this.slides){var a=this,b=a.slides,c=a.searchTrackPosition(b.entries,a.media.currentTime);return c>-1?void a.showSlide(c):void 0}},drawChapters:function(a){var b=this,c=a.entries.length;if(c){b.chaptersButton.find("ul").empty();for(var d=0;c>d;d++)b.chaptersButton.find("ul").append($('<li class="'+b.options.classPrefix+'chapters-selector-list-item" role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="false">'+('<input type="radio" class="'+b.options.classPrefix+'captions-selector-input" ')+('name="'+b.id+'_chapters" value="'+a.entries[d].start+'" disabled>')+('<label class="'+b.options.classPrefix+'chapters-selector-label">'+a.entries[d].text+"</label>")+"</li>"));$.each(b.chaptersButton.find('input[type="radio"]'),function(){$(this).prop({disabled:!1,checked:!1})})}},searchTrackPosition:function(a,b){for(var c=0,d=a.length-1,e=void 0,f=void 0,g=void 0;d>=c;){if(e=c+d>>1,f=a[e].start,g=a[e].stop,b>=f&&g>b)return e;b>f?c=e+1:f>b&&(d=e-1)}return-1}}),f["default"].language={codes:{af:"mejs.afrikaans",sq:"mejs.albanian",ar:"mejs.arabic",be:"mejs.belarusian",bg:"mejs.bulgarian",ca:"mejs.catalan",zh:"mejs.chinese","zh-cn":"mejs.chinese-simplified","zh-tw":"mejs.chines-traditional",hr:"mejs.croatian",cs:"mejs.czech",da:"mejs.danish",nl:"mejs.dutch",en:"mejs.english",et:"mejs.estonian",fl:"mejs.filipino",fi:"mejs.finnish",fr:"mejs.french",gl:"mejs.galician",de:"mejs.german",el:"mejs.greek",ht:"mejs.haitian-creole",iw:"mejs.hebrew",hi:"mejs.hindi",hu:"mejs.hungarian",is:"mejs.icelandic",id:"mejs.indonesian",ga:"mejs.irish",it:"mejs.italian",ja:"mejs.japanese",ko:"mejs.korean",lv:"mejs.latvian",lt:"mejs.lithuanian",mk:"mejs.macedonian",ms:"mejs.malay",mt:"mejs.maltese",no:"mejs.norwegian",fa:"mejs.persian",pl:"mejs.polish",pt:"mejs.portuguese",ro:"mejs.romanian",ru:"mejs.russian",sr:"mejs.serbian",sk:"mejs.slovak",sl:"mejs.slovenian",es:"mejs.spanish",sw:"mejs.swahili",sv:"mejs.swedish",tl:"mejs.tagalog",th:"mejs.thai",tr:"mejs.turkish",uk:"mejs.ukrainian",vi:"mejs.vietnamese",cy:"mejs.welsh",yi:"mejs.yiddish"}},f["default"].TrackFormatParser={webvtt:{pattern_timecode:/^((?:[0-9]{1,2}:)?[0-9]{2}:[0-9]{2}([,.][0-9]{1,3})?) --\> ((?:[0-9]{1,2}:)?[0-9]{2}:[0-9]{2}([,.][0-9]{3})?)(.*)$/,parse:function(a){for(var b=f["default"].TrackFormatParser.split2(a,/\r?\n/),c=[],d=0,e=void 0,g=void 0,h=void 0;d<b.length;d++){if(e=this.pattern_timecode.exec(b[d]),e&&d<b.length){for(d-1>=0&&""!==b[d-1]&&(h=b[d-1]),d++,g=b[d],d++;""!==b[d]&&d<b.length;)g=g+"\n"+b[d],d++;g=$.trim(g).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a href='$1' target='_blank'>$1</a>"),c.push({identifier:h,start:0===k.convertSMPTEtoSeconds(e[1])?.2:k.convertSMPTEtoSeconds(e[1]),stop:k.convertSMPTEtoSeconds(e[3]),text:g,settings:e[5]})}h=""}return c}},dfxp:{parse:function(a){a=$(a).filter("tt");var b=a.children("div").eq(0),c=b.find("p"),d=a.find("#"+b.attr("style")),e=[],f=void 0,g=void 0;if(d.length){var h=d.removeAttr("id").get(0).attributes;if(h.length)for(f={},g=0;g<h.length;g++)f[h[g].name.split(":")[1]]=h[g].value}for(g=0;g<c.length;g++){var i=void 0,j={start:null,stop:null,style:null,text:null};if(c.eq(g).attr("begin")&&(j.start=k.convertSMPTEtoSeconds(c.eq(g).attr("begin"))),!j.start&&c.eq(g-1).attr("end")&&(j.start=k.convertSMPTEtoSeconds(c.eq(g-1).attr("end"))),c.eq(g).attr("end")&&(j.stop=k.convertSMPTEtoSeconds(c.eq(g).attr("end"))),!j.stop&&c.eq(g+1).attr("begin")&&(j.stop=k.convertSMPTEtoSeconds(c.eq(g+1).attr("begin"))),f){i="";for(var l in f)i+=l+":"+f[l]+";"}i&&(j.style=i),0===j.start&&(j.start=.2),j.text=$.trim(c.eq(g).html()).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a href='$1' target='_blank'>$1</a>"),e.push(j)}return e}},split2:function(a,b){return a.split(b)}},3!=="x\n\ny".split(/\n/gi).length&&(f["default"].TrackFormatParser.split2=function(a,b){for(var c=[],d="",e=0;e<a.length;e++)d+=a.substring(e,e+1),b.test(d)&&(c.push(d.replace(b,"")),d="");return c.push(d),c})},{16:16,24:24,27:27,4:4,6:6}],13:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(16),f=d(e),g=a(4),h=d(g),i=a(23),j=a(24);Object.assign(e.config,{muteText:null,unmuteText:null,allyVolumeControlText:null,hideVolumeOnTouchDevices:!0,audioVolume:"horizontal",videoVolume:"vertical"}),Object.assign(f["default"].prototype,{buildvolume:function(a,b,c,d){if(!i.IS_ANDROID&&!i.IS_IOS||!this.options.hideVolumeOnTouchDevices){var e=this,f=e.isVideo?e.options.videoVolume:e.options.audioVolume,g=j.isString(e.options.muteText)?e.options.muteText:h["default"].t("mejs.mute"),k=j.isString(e.options.unmuteText)?e.options.unmuteText:h["default"].t("mejs.unmute"),l=j.isString(e.options.allyVolumeControlText)?e.options.allyVolumeControlText:h["default"].t("mejs.volume-help-text"),m="horizontal"===f?$('<div class="'+e.options.classPrefix+"button "+e.options.classPrefix+"volume-button "+e.options.classPrefix+'mute">'+('<button type="button" aria-controls="'+e.id+'" title="'+g+'" aria-label="'+g+'" tabindex="0"></button>')+"</div>"+('<a href="javascript:void(0);" class="'+e.options.classPrefix+'horizontal-volume-slider">')+('<span class="'+e.options.classPrefix+'offscreen">'+l+"</span>")+('<div class="'+e.options.classPrefix+'horizontal-volume-total">')+('<div class="'+e.options.classPrefix+'horizontal-volume-current"></div>')+('<div class="'+e.options.classPrefix+'horizontal-volume-handle"></div>')+"</div></a>").appendTo(b):$('<div class="'+e.options.classPrefix+"button "+e.options.classPrefix+"volume-button "+e.options.classPrefix+'mute">'+('<button type="button" aria-controls="'+e.id+'" title="'+g+'" aria-label="'+g+'" tabindex="0"></button>')+('<a href="javascript:void(0);" class="'+e.options.classPrefix+'volume-slider">')+('<span class="'+e.options.classPrefix+'offscreen">'+l+"</span>")+('<div class="'+e.options.classPrefix+'volume-total">')+('<div class="'+e.options.classPrefix+'volume-current"></div>')+('<div class="'+e.options.classPrefix+'volume-handle"></div>')+"</div></a></div>");e.addControlElement(m,"volume");var n=e.container.find("."+e.options.classPrefix+"volume-slider, \n				."+e.options.classPrefix+"horizontal-volume-slider"),o=e.container.find("."+e.options.classPrefix+"volume-total, \n				."+e.options.classPrefix+"horizontal-volume-total"),p=e.container.find("."+e.options.classPrefix+"volume-current, \n				."+e.options.classPrefix+"horizontal-volume-current"),q=e.container.find("."+e.options.classPrefix+"volume-handle, \n				."+e.options.classPrefix+"horizontal-volume-handle"),r=function(a){a=Math.max(0,a),a=Math.min(a,1),0===a?(m.removeClass(e.options.classPrefix+"mute").addClass(e.options.classPrefix+"unmute"),m.children("button").attr({title:k,"aria-label":k})):(m.removeClass(e.options.classPrefix+"unmute").addClass(e.options.classPrefix+"mute"),m.children("button").attr({title:g,"aria-label":g}));var b=100*a+"%";"vertical"===f?(p.css({bottom:"0",height:b}),q.css({bottom:b,marginBottom:-q.height()/2+"px"})):(p.css({left:"0",width:b}),q.css({left:b,marginLeft:-q.width()/2+"px"}))},s=function(a){var b=null,c=o.offset();if("vertical"===f){var e=o.height(),g=a.pageY-c.top;if(b=(e-g)/e,0===c.top||0===c.left)return}else{var h=o.width(),i=a.pageX-c.left;b=i/h}b=Math.max(0,b),b=Math.min(b,1),r(b),0===b?d.setMuted(!0):d.setMuted(!1),d.setVolume(b)},t=!1,u=!1;m.on("mouseenter focusin",function(){n.show(),u=!0}).on("mouseleave focusout",function(){u=!1,t||"vertical"!==f||n.hide()});var v=function(){var a=Math.floor(100*d.volume);n.attr({"aria-label":h["default"].t("mejs.volume-slider"),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":a,"aria-valuetext":a+"%",role:"slider",tabindex:-1})};n.on("mouseover",function(){u=!0}).on("mousedown",function(a){return s(a),e.globalBind("mousemove.vol",function(a){s(a)}),e.globalBind("mouseup.vol",function(){t=!1,e.globalUnbind("mousemove.vol mouseup.vol"),u||"vertical"!==f||n.hide()}),t=!0,!1}).on("keydown",function(a){if(e.options.keyActions.length){var b=a.which||a.keyCode||0,c=d.volume;switch(b){case 38:c=Math.min(c+.1,1);break;case 40:c=Math.max(0,c-.1);break;default:return!0}return t=!1,r(c),d.setVolume(c),!1}}),m.find("button").on("click",function(){d.setMuted(!d.muted)}).on("focus",function(){"vertical"===f&&n.show()}).on("blur",function(){"vertical"===f&&n.hide()}),d.addEventListener("volumechange",function(a){t||(d.muted?(r(0),m.removeClass(e.options.classPrefix+"mute").addClass(e.options.classPrefix+"unmute")):(r(d.volume),m.removeClass(e.options.classPrefix+"unmute").addClass(e.options.classPrefix+"mute"))),v(a)},!1),0===a.options.startVolume&&d.setMuted(!0);var w=null!==e.media.rendererName&&null!==e.media.rendererName.match(/(native|html5)/);w&&d.setVolume(a.options.startVolume),e.container.on("controlsresize",function(){d.muted?(r(0),m.removeClass(e.options.classPrefix+"mute").addClass(e.options.classPrefix+"unmute")):(r(d.volume),m.removeClass(e.options.classPrefix+"unmute").addClass(e.options.classPrefix+"mute"))})}}})},{16:16,23:23,24:24,4:4}],14:[function(a,b,c){"use strict";/*!
+ * This is a `i18n` language object.
+ *
+ * English; This can serve as a template for other languages to translate
+ *
+ * @author
+ *   TBD
+ *   Sascha Greuel (Twitter: @SoftCreatR)
+ *
+ * @see core/i18n.js
+ */
+Object.defineProperty(c,"__esModule",{value:!0});c.EN={"mejs.plural-form":1,"mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https://get.adobe.com/flashplayer/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left/Right Arrow keys to advance one second, Up/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}},{}],15:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(3),f=d(e),g=a(6),h=d(g);"undefined"!=typeof jQuery?h["default"].$=f["default"].jQuery=f["default"].$=jQuery:"undefined"!=typeof Zepto?(h["default"].$=f["default"].Zepto=f["default"].$=Zepto,Zepto.fn.outerWidth=function(a){var b=$(this).width();return a&&(b+=parseInt($(this).css("margin-right"),10),b+=parseInt($(this).css("margin-left"),10)),b}):"undefined"!=typeof ender&&(h["default"].$=f["default"].ender=f["default"].$=ender)},{3:3,6:6}],16:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(c,"__esModule",{value:!0}),c.config=void 0;var f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},g=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),h=a(3),i=d(h),j=a(2),k=d(j),l=a(6),m=d(l),n=a(5),o=d(n),p=a(4),q=d(p),r=a(23),s=a(24),t=a(27),u=a(25);m["default"].mepIndex=0,m["default"].players={};var v=c.config={poster:"",showPosterWhenEnded:!1,showPosterWhenPaused:!1,defaultVideoWidth:480,defaultVideoHeight:270,videoWidth:-1,videoHeight:-1,defaultAudioWidth:400,defaultAudioHeight:40,defaultSeekBackwardInterval:function(a){return.05*a.duration},defaultSeekForwardInterval:function(a){return.05*a.duration},setDimensions:!0,audioWidth:-1,audioHeight:-1,startVolume:.8,loop:!1,autoRewind:!0,enableAutosize:!0,timeFormat:"",alwaysShowHours:!1,showTimecodeFrameCount:!1,framesPerSecond:25,alwaysShowControls:!1,hideVideoControlsOnLoad:!1,hideVideoControlsOnPause:!1,clickToPlayPause:!0,controlsTimeoutDefault:1500,controlsTimeoutMouseEnter:2500,controlsTimeoutMouseLeave:1e3,iPadUseNativeControls:!1,iPhoneUseNativeControls:!1,AndroidUseNativeControls:!1,features:["playpause","current","progress","duration","tracks","volume","fullscreen"],isVideo:!0,stretching:"auto",classPrefix:"mejs__",enableKeyboard:!0,pauseOtherPlayers:!0,keyActions:[{keys:[32,179],action:function(a,b){r.IS_FIREFOX||(b.paused||b.ended?b.play():b.pause())}},{keys:[38],action:function(a,b){(a.container.find("."+v.classPrefix+"volume-button>button").is(":focus")||a.container.find("."+v.classPrefix+"volume-slider").is(":focus"))&&a.container.find("."+v.classPrefix+"volume-slider").css("display","block"),a.isVideo&&(a.showControls(),a.startControlsTimer());var c=Math.min(b.volume+.1,1);b.setVolume(c),c>0&&b.setMuted(!1)}},{keys:[40],action:function(a,b){(a.container.find("."+v.classPrefix+"volume-button>button").is(":focus")||a.container.find("."+v.classPrefix+"volume-slider").is(":focus"))&&a.container.find("."+v.classPrefix+"volume-slider").css("display","block"),a.isVideo&&(a.showControls(),a.startControlsTimer());var c=Math.max(b.volume-.1,0);b.setVolume(c),.1>=c&&b.setMuted(!0)}},{keys:[37,227],action:function(a,b){if(!isNaN(b.duration)&&b.duration>0){a.isVideo&&(a.showControls(),a.startControlsTimer());var c=Math.max(b.currentTime-a.options.defaultSeekBackwardInterval(b),0);b.setCurrentTime(c)}}},{keys:[39,228],action:function(a,b){if(!isNaN(b.duration)&&b.duration>0){a.isVideo&&(a.showControls(),a.startControlsTimer());var c=Math.min(b.currentTime+a.options.defaultSeekForwardInterval(b),b.duration);b.setCurrentTime(c)}}},{keys:[70],action:function(a,b,c,d){d.ctrlKey||"undefined"!=typeof a.enterFullScreen&&(a.isFullScreen?a.exitFullScreen():a.enterFullScreen())}},{keys:[77],action:function(a){a.container.find("."+v.classPrefix+"volume-slider").css("display","block"),a.isVideo&&(a.showControls(),a.startControlsTimer()),a.media.muted?a.setMuted(!1):a.setMuted(!0)}}]};m["default"].MepDefaults=v;var w=function(){function a(b,c){e(this,a);var d=this;"undefined"!=typeof m["default"].$&&(i["default"].$=m["default"].$),d.hasFocus=!1,d.controlsAreVisible=!0,d.controlsEnabled=!0,d.controlsTimer=null;var f="string"==typeof b?k["default"].getElementById(b):b;if(!(d instanceof a))return new a(f,c);if(d.$media=d.$node=$(f),d.node=d.media=d.$media[0],d.node){if(void 0!==d.node.player)return d.node.player;void 0===c&&(c=d.$node.data("mejsoptions")),d.options=Object.assign({},v,c),d.options.timeFormat||(d.options.timeFormat="mm:ss",d.options.alwaysShowHours&&(d.options.timeFormat="hh:mm:ss"),d.options.showTimecodeFrameCount&&(d.options.timeFormat+=":ff")),t.calculateTimeFormat(0,d.options,d.options.framesPerSecond||25),d.id="mep_"+m["default"].mepIndex++,m["default"].players[d.id]=d;var g=Object.assign({},d.options,{success:function(a,b){d._meReady(a,b)},error:function(a){d._handleError(a)}}),h=d.media.tagName.toLowerCase();if(d.isDynamic="audio"!==h&&"video"!==h,d.isVideo=d.isDynamic?d.options.isVideo:"audio"!==h&&d.options.isVideo,r.IS_IPAD&&d.options.iPadUseNativeControls||r.IS_IPHONE&&d.options.iPhoneUseNativeControls)d.$media.attr("controls","controls"),r.IS_IPAD&&d.media.getAttribute("autoplay")&&d.play();else if(r.IS_ANDROID&&d.options.AndroidUseNativeControls);else if(d.isVideo||!d.isVideo&&d.options.features.length){d.$media.removeAttr("controls");var j=d.isVideo?q["default"].t("mejs.video-player"):q["default"].t("mejs.audio-player");$('<span class="'+d.options.classPrefix+'offscreen">'+j+"</span>").insertBefore(d.$media),d.container=$('<div id="'+d.id+'" class="'+d.options.classPrefix+"container "+d.options.classPrefix+'container-keyboard-inactive"'+('tabindex="0" role="application" aria-label="'+j+'">')+('<div class="'+d.options.classPrefix+'inner">')+('<div class="'+d.options.classPrefix+'layers"></div>')+('<div class="'+d.options.classPrefix+'controls"></div>')+('<div class="'+d.options.classPrefix+'mediaelement"></div>')+('<div class="'+d.options.classPrefix+'clear"></div>')+"</div></div>").addClass(d.$media[0].className).insertBefore(d.$media).focus(function(a){if(!d.controlsAreVisible&&!d.hasFocus&&d.controlsEnabled&&(d.showControls(!0),!r.HAS_MS_NATIVE_FULLSCREEN)){var b=s.isNodeAfter(a.relatedTarget,d.container[0])?"."+d.options.classPrefix+"controls ."+d.options.classPrefix+"button:last-child > button":"."+d.options.classPrefix+"playpause-button > button",c=d.container.find(b);c.focus()}}),d.options.features.length||d.container.css("background","transparent").find("."+d.options.classPrefix+"controls").hide(),d.isVideo&&"fill"===d.options.stretching&&!d.container.parent("."+d.options.classPrefix+"fill-container").length&&(d.outerContainer=d.$media.parent(),d.container.wrap('<div class="'+d.options.classPrefix+'fill-container"/>')),d.container.addClass((r.IS_ANDROID?d.options.classPrefix+"android ":"")+(r.IS_IOS?d.options.classPrefix+"ios ":"")+(r.IS_IPAD?d.options.classPrefix+"ipad ":"")+(r.IS_IPHONE?d.options.classPrefix+"iphone ":"")+(d.isVideo?d.options.classPrefix+"video ":d.options.classPrefix+"audio ")),d.container.find("."+d.options.classPrefix+"mediaelement").append(d.$media),d.node.player=d,d.controls=d.container.find("."+d.options.classPrefix+"controls"),d.layers=d.container.find("."+d.options.classPrefix+"layers");var l=d.isVideo?"video":"audio",n=l.substring(0,1).toUpperCase()+l.substring(1);d.options[l+"Width"]>0||d.options[l+"Width"].toString().indexOf("%")>-1?d.width=d.options[l+"Width"]:""!==d.media.style.width&&null!==d.media.style.width?d.width=d.media.style.width:d.media.getAttribute("width")?d.width=d.$media.attr("width"):d.width=d.options["default"+n+"Width"],d.options[l+"Height"]>0||d.options[l+"Height"].toString().indexOf("%")>-1?d.height=d.options[l+"Height"]:""!==d.media.style.height&&null!==d.media.style.height?d.height=d.media.style.height:d.$media[0].getAttribute("height")?d.height=d.$media.attr("height"):d.height=d.options["default"+n+"Height"],d.initialAspectRatio=d.height>=d.width?d.width/d.height:d.height/d.width,d.setPlayerSize(d.width,d.height),g.pluginWidth=d.width,g.pluginHeight=d.height}else d.isVideo||d.options.features.length||d.$media.hide();return new o["default"](d.$media[0],g),void 0!==d.container&&d.options.features.length&&d.controlsAreVisible&&!d.options.hideVideoControlsOnLoad&&d.container.trigger("controlsshown"),d}}return g(a,[{key:"showControls",value:function(a){var b=this;a=void 0===a||a,b.controlsAreVisible||(a?(b.controls.removeClass(b.options.classPrefix+"offscreen").stop(!0,!0).fadeIn(200,function(){b.controlsAreVisible=!0,b.container.trigger("controlsshown")}),b.container.find("."+b.options.classPrefix+"control").removeClass(b.options.classPrefix+"offscreen").stop(!0,!0).fadeIn(200,function(){b.controlsAreVisible=!0})):(b.controls.removeClass(b.options.classPrefix+"offscreen").css("display","block"),b.container.find("."+b.options.classPrefix+"control").removeClass(b.options.classPrefix+"offscreen").css("display","block"),b.controlsAreVisible=!0,b.container.trigger("controlsshown")),b.setControlsSize())}},{key:"hideControls",value:function(a){var b=this;a=void 0===a||a,!b.controlsAreVisible||b.options.alwaysShowControls||b.keyboardAction||b.media.paused&&4===b.media.readyState&&(!b.options.hideVideoControlsOnLoad&&b.media.currentTime<=0||!b.options.hideVideoControlsOnPause&&b.media.currentTime>0)||b.isVideo&&!b.options.hideVideoControlsOnLoad&&!b.media.readyState||b.media.ended||(a?(b.controls.stop(!0,!0).fadeOut(200,function(){$(this).addClass(b.options.classPrefix+"offscreen").css("display","block"),b.controlsAreVisible=!1,b.container.trigger("controlshidden")}),b.container.find("."+b.options.classPrefix+"control").stop(!0,!0).fadeOut(200,function(){$(this).addClass(b.options.classPrefix+"offscreen").css("display","block")})):(b.controls.addClass(b.options.classPrefix+"offscreen").css("display","block"),b.container.find("."+b.options.classPrefix+"control").addClass(b.options.classPrefix+"offscreen").css("display","block"),b.controlsAreVisible=!1,b.container.trigger("controlshidden")))}},{key:"startControlsTimer",value:function(a){var b=this;a="undefined"!=typeof a?a:b.options.controlsTimeoutDefault,b.killControlsTimer("start"),b.controlsTimer=setTimeout(function(){b.hideControls(),b.killControlsTimer("hide")},a)}},{key:"killControlsTimer",value:function(){var a=this;null!==a.controlsTimer&&(clearTimeout(a.controlsTimer),delete a.controlsTimer,a.controlsTimer=null)}},{key:"disableControls",value:function(){var a=this;a.killControlsTimer(),a.hideControls(!1),this.controlsEnabled=!1}},{key:"enableControls",value:function(){var a=this;a.showControls(!1),a.controlsEnabled=!0}},{key:"_meReady",value:function(a,b){var c=this,d=b.getAttribute("autoplay"),e=!(void 0===d||null===d||"false"===d),g=null!==a.rendererName&&null!==a.rendererName.match(/(native|html5)/);if(!c.created){if(c.created=!0,c.media=a,c.domNode=b,!(r.IS_ANDROID&&c.options.AndroidUseNativeControls||r.IS_IPAD&&c.options.iPadUseNativeControls||r.IS_IPHONE&&c.options.iPhoneUseNativeControls)){var h=function(){if(!c.isVideo&&!c.options.features.length)return e&&g&&c.play(),c.options.success&&("string"==typeof c.options.success?i["default"][c.options.success](c.media,c.domNode,c):c.options.success(c.media,c.domNode,c)),{v:void 0};c.buildposter(c,c.controls,c.layers,c.media),c.buildkeyboard(c,c.controls,c.layers,c.media),c.buildoverlays(c,c.controls,c.layers,c.media),c.findTracks(),c.featurePosition={};for(var a=0,b=c.options.features.length;b>a;a++){var d=c.options.features[a];if(c["build"+d])try{c["build"+d](c,c.controls,c.layers,c.media)}catch(f){console.error("error building "+d,f)}}c.container.trigger("controlsready"),c.setPlayerSize(c.width,c.height),c.setControlsSize(),c.isVideo&&(!r.IS_ANDROID&&!r.IS_IOS||c.options.alwaysShowControls?(c.createIframeLayer(),c.clickToPlayPauseCallback=function(){if(c.options.clickToPlayPause){var a=c.$media.closest("."+c.options.classPrefix+"container").find("."+c.options.classPrefix+"overlay-button"),b=a.attr("aria-pressed");c.media.paused&&b?c.pause():c.media.paused?c.play():c.pause(),a.attr("aria-pressed",!b)}},c.media.addEventListener("click",c.clickToPlayPauseCallback,!1),c.container.on("mouseenter",function(){c.controlsEnabled&&(c.options.alwaysShowControls||(c.killControlsTimer("enter"),c.showControls(),c.startControlsTimer(c.options.controlsTimeoutMouseEnter)))}).on("mousemove",function(){c.controlsEnabled&&(c.controlsAreVisible||c.showControls(),c.options.alwaysShowControls||c.startControlsTimer(c.options.controlsTimeoutMouseEnter))}).on("mouseleave",function(){c.controlsEnabled&&(c.media.paused||c.options.alwaysShowControls||c.startControlsTimer(c.options.controlsTimeoutMouseLeave))})):c.$media.on("touchstart",function(){c.controlsAreVisible?c.hideControls(!1):c.controlsEnabled&&c.showControls(!1)}),c.options.hideVideoControlsOnLoad&&c.hideControls(!1),e&&!c.options.alwaysShowControls&&c.hideControls(),c.options.enableAutosize&&c.media.addEventListener("loadedmetadata",function(a){c.options.videoHeight<=0&&!c.domNode.getAttribute("height")&&null!==a.target&&!isNaN(a.target.videoHeight)&&(c.setPlayerSize(a.target.videoWidth,a.target.videoHeight),c.setControlsSize(),c.media.setSize(a.target.videoWidth,a.target.videoHeight))},!1)),c.media.addEventListener("play",function(){c.hasFocus=!0;for(var a in m["default"].players)if(m["default"].players.hasOwnProperty(a)){var b=m["default"].players[a];b.id===c.id||!c.options.pauseOtherPlayers||b.paused||b.ended||(b.pause(),b.hasFocus=!1)}},!1),c.media.addEventListener("ended",function(){if(c.options.autoRewind)try{c.media.setCurrentTime(0),setTimeout(function(){$(c.container).find("."+c.options.classPrefix+"overlay-loading").parent().hide()},20)}catch(a){}"function"==typeof c.media.stop?c.media.stop():c.media.pause(),c.setProgressRail&&c.setProgressRail(),c.setCurrentRail&&c.setCurrentRail(),c.options.loop?c.play():!c.options.alwaysShowControls&&c.controlsEnabled&&c.showControls()},!1),c.media.addEventListener("loadedmetadata",function(){t.calculateTimeFormat(c.duration,c.options,c.options.framesPerSecond||25),c.updateDuration&&c.updateDuration(),c.updateCurrent&&c.updateCurrent(),c.isFullScreen||(c.setPlayerSize(c.width,c.height),c.setControlsSize())},!1);var h=null;c.media.addEventListener("timeupdate",function(){h!==c.media.duration&&(h=c.media.duration,t.calculateTimeFormat(h,c.options,c.options.framesPerSecond||25),c.updateDuration&&c.updateDuration(),c.updateCurrent&&c.updateCurrent(),c.setControlsSize())},!1),c.container.on("focusout",s.debounce(function(){setTimeout(function(){var a=$(k["default"].activeElement).closest("."+c.options.classPrefix+"container");c.keyboardAction&&!a.length&&(c.keyboardAction=!1,c.isVideo&&!c.options.alwaysShowControls&&c.hideControls(!0))},0)},100)),setTimeout(function(){c.setPlayerSize(c.width,c.height),c.setControlsSize()},50),c.globalBind("resize",function(){c.isFullScreen||r.HAS_TRUE_NATIVE_FULLSCREEN&&k["default"].webkitIsFullScreen||c.setPlayerSize(c.width,c.height),c.setControlsSize()}),c.globalBind("click",function(a){$(a.target).is("."+c.options.classPrefix+"container")?$(a.target).addClass(c.options.classPrefix+"container-keyboard-inactive"):$(a.target).closest("."+c.options.classPrefix+"container").length&&$(a.target).closest("."+c.options.classPrefix+"container").addClass(c.options.classPrefix+"container-keyboard-inactive")}),c.globalBind("keydown",function(a){$(a.target).is("."+c.options.classPrefix+"container")?$(a.target).removeClass(c.options.classPrefix+"container-keyboard-inactive"):$(a.target).closest("."+c.options.classPrefix+"container").length&&$(a.target).closest("."+c.options.classPrefix+"container").removeClass(c.options.classPrefix+"container-keyboard-inactive")})}();if("object"===("undefined"==typeof h?"undefined":f(h)))return h.v}e&&g&&c.play(),c.options.success&&("string"==typeof c.options.success?i["default"][c.options.success](c.media,c.domNode,c):c.options.success(c.media,c.domNode,c))}}},{key:"_handleError",value:function(a){var b=this;b.controls&&b.disableControls(),b.options.error&&b.options.error(a)}},{key:"setPlayerSize",value:function(a,b){var c=this;if(!c.options.setDimensions)return!1;if("undefined"!=typeof a&&(c.width=a),"undefined"!=typeof b&&(c.height=b),"undefined"!=typeof FB&&c.isVideo){FB.Event.subscribe("xfbml.ready",function(){var a=$(c.media).children(".fb-video");return c.width=a.width(),c.height=a.height(),c.setDimensions(c.width,c.height),!1});var d=$(c.media).children(".fb-video");d.length&&(c.width=d.width(),c.height=d.height())}switch(c.options.stretching){case"fill":c.isVideo?c.setFillMode():c.setDimensions(c.width,c.height);break;case"responsive":c.setResponsiveMode();break;case"none":c.setDimensions(c.width,c.height);break;default:c.hasFluidMode()===!0?c.setResponsiveMode():c.setDimensions(c.width,c.height)}}},{key:"hasFluidMode",value:function(){var a=this;return a.height.toString().includes("%")||"none"!==a.$node.css("max-width")&&a.$node.css("max-width")!==a.width||a.$node[0].currentStyle&&"100%"===a.$node[0].currentStyle.maxWidth}},{key:"setResponsiveMode",value:function(){var a=this,b=function(){return a.isVideo?a.media.videoWidth&&a.media.videoWidth>0?a.media.videoWidth:a.media.getAttribute("width")?a.media.getAttribute("width"):a.options.defaultVideoWidth:a.options.defaultAudioWidth}(),c=function(){return a.isVideo?a.media.videoHeight&&a.media.videoHeight>0?a.media.videoHeight:a.media.getAttribute("height")?a.media.getAttribute("height"):a.options.defaultVideoHeight:a.options.defaultAudioHeight}(),d=function(){var b=1;return a.isVideo?(b=a.media.videoWidth&&a.media.videoWidth>0&&a.media.videoHeight&&a.media.videoHeight>0?a.height>=a.width?a.media.videoWidth/a.media.videoHeight:a.media.videoHeight/a.media.videoWidth:a.initialAspectRatio,(isNaN(b)||.01>b||b>100)&&(b=1),b):b}(),e=a.container.parent().closest(":visible").height(),f=void 0,g=a.container.parent().closest(":visible").width();f=a.isVideo?"100%"===a.height?parseInt(g*c/b,10):a.height>=a.width?parseInt(g/d,10):parseInt(g*d,10):c,isNaN(f)&&(f=e),a.container.parent().length>0&&"body"===a.container.parent()[0].tagName.toLowerCase()&&(g=$(i["default"]).width(),f=$(i["default"]).height()),f&&g&&(a.container.width(g).height(f),a.$media.width("100%").height("100%"),a.isVideo&&a.media.setSize&&a.media.setSize(g,f),a.layers.children("."+a.options.classPrefix+"layer").width("100%").height("100%"))}},{key:"setFillMode",value:function(){var a=this,b=a.outerContainer;"none"!==a.$node.css("height")&&a.$node.css("height")!==a.height&&a.$node.css("height",""),"none"!==a.$node.css("max-width")&&a.$node.css("max-width")!==a.width&&a.$node.css("max-width",""),"none"!==a.$node.css("max-height")&&a.$node.css("max-height")!==a.height&&a.$node.css("max-height",""),a.$node[0].currentStyle&&("100%"===a.$node[0].currentStyle.height&&(a.$node[0].currentStyle.height=""),"100%"===a.$node[0].currentStyle.maxWidth&&(a.$node[0].currentStyle.maxWidth=""),"100%"===a.$node[0].currentStyle.maxHeight&&(a.$node[0].currentStyle.maxHeight="")),b.width()||b.height(a.$media.width()),b.height()||b.height(a.$media.height());var c=b.width(),d=b.height();a.setDimensions("100%","100%"),a.container.find("."+a.options.classPrefix+"poster img").css("display","block");var e=a.container.find("object, embed, iframe, video"),f=a.height,g=a.width,h=c,i=f*c/g,j=g*d/f,k=d,l=j>c==!1,m=l?Math.floor(h):Math.floor(j),n=l?Math.floor(i):Math.floor(k);l?(e.height(n).width(c),a.media.setSize&&a.media.setSize(c,n)):(e.height(d).width(m),a.media.setSize&&a.media.setSize(m,d)),e.css({"margin-left":Math.floor((c-m)/2),"margin-top":0})}},{key:"setDimensions",value:function(a,b){var c=this;c.container.width(a).height(b),c.layers.children("."+c.options.classPrefix+"layer").width(a).height(b)}},{key:"setControlsSize",value:function(){var a=this;if(a.container.is(":visible")&&a.rail&&a.rail.length&&a.rail.is(":visible")){var b=parseFloat(a.rail.css("margin-left"))+parseFloat(a.rail.css("margin-right")),c=parseFloat(a.total.css("margin-left"))+parseFloat(a.total.css("margin-right"))||0,d=0;a.rail.siblings().each(function(a,b){$(b).is(":visible")&&(d+=parseFloat($(b).outerWidth(!0)))}),d+=c+b+1,a.rail.width(a.controls.width()-d),a.container.trigger("controlsresize")}}},{key:"addControlElement",value:function(a,b){var c=this;void 0!==c.featurePosition[b]?a.insertAfter(c.controls.children(":eq("+(c.featurePosition[b]-1)+")")):(a.appendTo(c.controls),c.featurePosition[b]=c.controls.find(a).index())}},{key:"createIframeLayer",value:function(){var a=this;a.isVideo&&null!==a.media.rendererName&&null!==a.media.rendererName.match(/iframe/i)&&!a.container.find("#"+a.media.id+"-iframe-overlay").length&&$('<div id="'+a.media.id+'-iframe-overlay" class="'+a.options.classPrefix+'iframe-overlay"></div>').insertBefore($("#"+a.media.id+"_"+a.media.rendererName)).on("click",function(b){a.options.clickToPlayPause&&(a.media.paused?a.media.play():a.media.pause(),b.preventDefault(),b.stopPropagation())})}},{key:"resetSize",value:function(){var a=this;setTimeout(function(){a.setPlayerSize(a.width,a.height),a.setControlsSize()},50)}},{key:"setPoster",value:function(a){var b=this,c=b.container.find("."+b.options.classPrefix+"poster"),d=c.find("img");0===d.length&&(d=$('<img class="'+b.options.classPrefix+'poster-img" width="100%" height="100%" alt="" />').appendTo(c)),d.attr("src",a),c.css({"background-image":'url("'+a+'")'})}},{key:"changeSkin",value:function(a){var b=this;b.container[0].className=b.options.classPrefix+"container "+a,b.setPlayerSize(b.width,b.height),b.setControlsSize()}},{key:"globalBind",value:function(a,b,c){var d=this,e=d.node?d.node.ownerDocument:k["default"];a=s.splitEvents(a,d.id),a.d&&$(e).on(a.d,b,c),a.w&&$(i["default"]).on(a.w,b,c)}},{key:"globalUnbind",value:function(a,b){var c=this,d=c.node?c.node.ownerDocument:k["default"];a=s.splitEvents(a,c.id),a.d&&$(d).off(a.d,b),a.w&&$(i["default"]).off(a.w,b)}},{key:"buildposter",value:function(a,b,c,d){var e=this,f=$('<div class="'+e.options.classPrefix+"poster "+e.options.classPrefix+'layer"></div>').appendTo(c),g=a.$media.attr("poster");""!==a.options.poster&&(g=a.options.poster),g?e.setPoster(g):f.hide(),d.addEventListener("play",function(){f.hide()},!1),d.addEventListener("playing",function(){f.hide()},!1),a.options.showPosterWhenEnded&&a.options.autoRewind&&d.addEventListener("ended",function(){f.show()},!1),d.addEventListener("error",function(){f.hide()},!1),a.options.showPosterWhenPaused&&d.addEventListener("pause",function(){d.ended||f.show()},!1)}},{key:"buildoverlays",value:function(a,b,c,d){if(a.isVideo){var e=this,f=$('<div class="'+e.options.classPrefix+"overlay "+e.options.classPrefix+'layer">'+('<div class="'+e.options.classPrefix+'overlay-loading">')+('<span class="'+e.options.classPrefix+'overlay-loading-bg-img"></span>')+"</div></div>").hide().appendTo(c),g=$('<div class="'+e.options.classPrefix+"overlay "+e.options.classPrefix+'layer">'+('<div class="'+e.options.classPrefix+'overlay-error"></div>')+"</div>").hide().appendTo(c),h=$('<div class="'+e.options.classPrefix+"overlay "+e.options.classPrefix+"layer "+e.options.classPrefix+'overlay-play">'+('<div class="'+e.options.classPrefix+'overlay-button" role="button" tabindex="0"')+('aria-label="'+q["default"].t("mejs.play")+'" aria-pressed="false"></div>')+"</div>").appendTo(c).on("click",function(){if(e.options.clickToPlayPause){var a=e.$media.closest("."+e.options.classPrefix+"container").find("."+e.options.classPrefix+"overlay-button"),b=a.attr("aria-pressed");d.paused?d.play():d.pause(),a.attr("aria-pressed",!!b)}});null===e.media.rendererName||!e.media.rendererName.match(/(youtube|facebook)/)||a.$media.attr("poster")||a.options.poster||h.hide(),d.addEventListener("play",function(){h.hide(),f.hide(),b.find("."+e.options.classPrefix+"time-buffering").hide(),g.hide()},!1),d.addEventListener("playing",function(){h.hide(),f.hide(),b.find("."+e.options.classPrefix+"time-buffering").hide(),g.hide()},!1),d.addEventListener("seeking",function(){f.show(),b.find("."+e.options.classPrefix+"time-buffering").show()},!1),d.addEventListener("seeked",function(){f.hide(),b.find("."+e.options.classPrefix+"time-buffering").hide()},!1),d.addEventListener("pause",function(){h.show()},!1),d.addEventListener("waiting",function(){f.show(),b.find("."+e.options.classPrefix+"time-buffering").show()},!1),d.addEventListener("loadeddata",function(){f.show(),b.find("."+e.options.classPrefix+"time-buffering").show(),r.IS_ANDROID&&(d.canplayTimeout=setTimeout(function(){if(k["default"].createEvent){var a=k["default"].createEvent("HTMLEvents");return a.initEvent("canplay",!0,!0),d.dispatchEvent(a)}},300))},!1),d.addEventListener("canplay",function(){f.hide(),b.find("."+e.options.classPrefix+"time-buffering").hide(),clearTimeout(d.canplayTimeout)},!1),d.addEventListener("error",function(a){e._handleError(a),f.hide(),h.hide(),g.show(),g.find("."+e.options.classPrefix+"overlay-error").html(a.message)},!1),d.addEventListener("keydown",function(b){e.onkeydown(a,d,b)},!1)}}},{key:"buildkeyboard",value:function(a,b,c,d){var e=this;e.container.keydown(function(){e.keyboardAction=!0}),e.globalBind("keydown",function(b){var c=$(b.target).closest("."+e.options.classPrefix+"container");return a.hasFocus=0!==c.length&&c.attr("id")===a.$media.closest("."+e.options.classPrefix+"container").attr("id"),e.onkeydown(a,d,b)}),e.globalBind("click",function(b){a.hasFocus=0!==$(b.target).closest("."+e.options.classPrefix+"container").length})}},{key:"onkeydown",value:function(a,b,c){if(a.hasFocus&&a.options.enableKeyboard)for(var d=0,e=a.options.keyActions.length;e>d;d++)for(var f=a.options.keyActions[d],g=0,h=f.keys.length;h>g;g++)if(c.keyCode===f.keys[g])return f.action(a,b,c.keyCode,c),!1;return!0}},{key:"play",value:function(){var a=this;a.media.getCurrentTime()<=0&&a.load(),a.media.play()}},{key:"pause",value:function(){try{this.media.pause()}catch(a){}}},{key:"load",value:function(){var a=this;a.isLoaded||a.media.load(),a.isLoaded=!0}},{key:"setMuted",value:function(a){this.media.setMuted(a)}},{key:"setCurrentTime",value:function(a){this.media.setCurrentTime(a)}},{key:"getCurrentTime",value:function(){return this.media.currentTime}},{key:"setVolume",value:function(a){this.media.setVolume(a)}},{key:"getVolume",value:function(){return this.media.volume}},{key:"setSrc",value:function(a){var b=this,c=b.container.find("#"+b.media.id+"-iframe-overlay");b.media.setSrc(a),c.length&&c.remove(),b.createIframeLayer()}},{key:"remove",value:function(){var a=this,b=a.media.rendererName;a.media.paused||a.media.pause();var c=a.media.originalNode.getAttribute("src");a.media.setSrc("");for(var d in a.options.features){var e=a.options.features[d];if(a["clean"+e])try{a["clean"+e](a)}catch(g){console.error("error cleaning "+e,g)}}a.$node.css({width:a.$node.attr("width")||"auto",height:a.$node.attr("height")||"auto"}),a.isDynamic?a.$node.insertBefore(a.container):(a.$media.prop("controls",!0),a.$node.attr("id",a.$node.attr("id").replace("_"+b,"")),a.$node.attr("id",a.$node.attr("id").replace("_from_mejs","")),a.$node.removeProp("autoplay"),a.media.canPlayType(u.getTypeFromFile(c))&&a.$node.attr("src",c),null!==b.match(/iframe/i)&&a.container.find("#"+a.media.id+"-iframe-overlay").remove(),a.$node.clone().insertBefore(a.container).show(),a.$node.remove()),"function"==typeof a.media.destroy&&a.media.destroy(),delete m["default"].players[a.id],"object"===f(a.container)&&(a.container.prev("."+a.options.classPrefix+"offscreen").remove(),a.container.remove()),a.globalUnbind(),delete a.node.player}}]),a}();i["default"].MediaElementPlayer=w,c["default"]=w,function(a){"undefined"!=typeof a&&(a.fn.mediaelementplayer=function(b){return b===!1?this.each(function(){var b=a(this).data("mediaelementplayer");b&&b.remove(),a(this).removeData("mediaelementplayer")}):this.each(function(){a(this).data("mediaelementplayer",new w(this,b))}),this},a(k["default"]).ready(function(){a("."+v.classPrefix+"player").mediaelementplayer()}))}(m["default"].$)},{2:2,23:23,24:24,25:25,27:27,3:3,4:4,5:5,6:6}],17:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(3),f=d(e),g=a(2),h=d(g),i=a(6),j=d(i),k=a(7),l=a(24),m=a(25),n=a(23),o={isMediaLoaded:!1,creationQueue:[],prepareSettings:function(a){o.isLoaded?o.createInstance(a):(o.loadScript(a),o.creationQueue.push(a))},loadScript:function(a){"undefined"!=typeof dashjs?o.createInstance(a):o.isScriptLoaded||!function(){a.options.path="string"==typeof a.options.path?a.options.path:"//cdn.dashjs.org/latest/dash.mediaplayer.min.js";var b=h["default"].createElement("script"),c=h["default"].getElementsByTagName("script")[0],d=!1;b.src=a.options.path,b.onload=b.onreadystatechange=function(){d||this.readyState&&void 0!==this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(d=!0,o.mediaReady(),b.onload=b.onreadystatechange=null)},c.parentNode.insertBefore(b,c),o.isScriptLoaded=!0}()},mediaReady:function(){for(o.isLoaded=!0,o.isScriptLoaded=!0;o.creationQueue.length>0;){var a=o.creationQueue.pop();o.createInstance(a)}},createInstance:function(a){var b=dashjs.MediaPlayer().create();f["default"]["__ready__"+a.id](b)}},p={name:"native_dash",options:{prefix:"native_dash",dash:{path:"//cdn.dashjs.org/latest/dash.mediaplayer.min.js",debug:!1}},canPlayType:function(a){return n.HAS_MSE&&["application/dash+xml"].includes(a)},create:function(a,b,c){var d=a.originalNode,e=a.id+"_"+b.prefix,g=d.getAttribute("preload"),i=d.getAttribute("autoplay"),m=void 0,n=void 0,p=null,q=void 0;p=d.cloneNode(!0),b=Object.assign(b,a.options);var r=j["default"].html5media.properties,s=function(a){
+var b=""+a.substring(0,1).toUpperCase()+a.substring(1);p["get"+b]=function(){return null!==q?p[a]:null},p["set"+b]=function(b){j["default"].html5media.readOnlyProperties.includes(a)||null!==q&&("src"===a&&(q.attachSource(b),i&&p.play()),p[a]=b)}};for(m=0,n=r.length;n>m;m++)s(r[m]);if(f["default"]["__ready__"+e]=function(c){a.dashPlayer=q=c,q.getDebug().setLogToBrowserConsole(b.dash.debug),q.setAutoPlay(i),q.setScheduleWhilePaused("auto"===g);var d=j["default"].html5media.events.concat(["click","mouseover","mouseout"]),e=dashjs.MediaPlayer.events,f=function(b){"loadedmetadata"===b&&q.initialize(p,p.src,!1),p.addEventListener(b,function(b){var c=h["default"].createEvent("HTMLEvents");c.initEvent(b.type,b.bubbles,b.cancelable),a.dispatchEvent(c)})};for(m=0,n=d.length;n>m;m++)f(d[m]);var k=function(b){var c=l.createEvent(b.type,p);c.data=b,a.dispatchEvent(c),"error"===b.type.toLowerCase()&&console.error(b)};for(var o in e)e.hasOwnProperty(o)&&q.on(e[o],k)},c&&c.length>0)for(m=0,n=c.length;n>m;m++)if(k.renderer.renderers[b.prefix].canPlayType(c[m].type)){p.setAttribute("src",c[m].src);break}p.setAttribute("id",e),d.parentNode.insertBefore(p,d),d.removeAttribute("autoplay"),d.style.display="none",o.prepareSettings({options:b.dash,id:e}),p.setSize=function(a,b){return p.style.width=a+"px",p.style.height=b+"px",p},p.hide=function(){return p.pause(),p.style.display="none",p},p.show=function(){return p.style.display="",p};var t=l.createEvent("rendererready",p);return a.dispatchEvent(t),p}};m.typeChecks.push(function(a){return a=a.toLowerCase(),a.includes(".mpd")?"application/dash+xml":null}),k.renderer.add(p)},{2:2,23:23,24:24,25:25,3:3,6:6,7:7}],18:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}Object.defineProperty(c,"__esModule",{value:!0}),c.PluginDetector=void 0;var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},f=a(3),g=d(f),h=a(2),i=d(h),j=a(6),k=d(j),l=a(4),m=d(l),n=a(7),o=a(24),p=a(23),q=a(25),r=c.PluginDetector={plugins:[],hasPluginVersion:function(a,b){var c=r.plugins[a];return b[1]=b[1]||0,b[2]=b[2]||0,c[0]>b[0]||c[0]===b[0]&&c[1]>b[1]||c[0]===b[0]&&c[1]===b[1]&&c[2]>=b[2]},addPlugin:function(a,b,c,d,e){r.plugins[a]=r.detectPlugin(b,c,d,e)},detectPlugin:function(a,b,c,d){var f=[0,0,0],h=void 0,i=void 0;if(p.IS_EDGE||null===p.NAV.plugins||void 0===p.NAV.plugins||"object"!==e(p.NAV.plugins[a])){if(void 0!==g["default"].ActiveXObject)try{i=new ActiveXObject(c),i&&(f=d(i))}catch(j){}}else if(h=p.NAV.plugins[a].description,h&&("undefined"==typeof p.NAV.mimeTypes||!p.NAV.mimeTypes[b]||p.NAV.mimeTypes[b].enabledPlugin)){f=h.replace(a,"").replace(/^\s+/,"").replace(/\sr/gi,".").split(".");for(var k=0;k<f.length;k++)f[k]=parseInt(f[k].match(/\d+/),10)}return f}};r.addPlugin("flash","Shockwave Flash","application/x-shockwave-flash","ShockwaveFlash.ShockwaveFlash",function(a){var b=[],c=a.GetVariable("$version");return c&&(c=c.split(" ")[1].split(","),b=[parseInt(c[0],10),parseInt(c[1],10),parseInt(c[2],10)]),b});var s={create:function(a,b,c){var d={},f=void 0,h=void 0;d.options=b,d.id=a.id+"_"+d.options.prefix,d.mediaElement=a,d.flashState={},d.flashApi=null,d.flashApiStack=[];var j=k["default"].html5media.properties,l=function(a){d.flashState[a]=null;var b=""+a.substring(0,1).toUpperCase()+a.substring(1);d["get"+b]=function(){if(null===d.flashApi)return null;if(void 0===d.flashApi["get_"+a])return null;var b=function(){var b=d.flashApi["get_"+a]();return"buffered"===a?{v:{start:function(){return 0},end:function(){return b},length:1}}:{v:b}}();return"object"===("undefined"==typeof b?"undefined":e(b))?b.v:void 0},d["set"+b]=function(b){"src"===a&&(b=q.absolutizeUrl(b)),null!==d.flashApi&&void 0!==d.flashApi["set_"+a]?d.flashApi["set_"+a](b):d.flashApiStack.push({type:"set",propName:a,value:b})}};for(f=0,h=j.length;h>f;f++)l(j[f]);var r=k["default"].html5media.methods,s=function(a){d[a]=function(){if(null!==d.flashApi){if(d.flashApi["fire_"+a])try{d.flashApi["fire_"+a]()}catch(b){}}else d.flashApiStack.push({type:"call",methodName:a})}};for(r.push("stop"),f=0,h=r.length;h>f;f++)s(r[f]);var t=["rendererready","loadeddata","loadedmetadata","canplay"];for(f=0,h=t.length;h>f;f++){var u=o.createEvent(t[f],d);a.dispatchEvent(u)}g["default"]["__ready__"+d.id]=function(){if(d.flashReady=!0,d.flashApi=i["default"].getElementById("__"+d.id),d.flashApiStack.length)for(f=0,h=d.flashApiStack.length;h>f;f++){var a=d.flashApiStack[f];if("set"===a.type){var b=a.propName,c=""+b.substring(0,1).toUpperCase()+b.substring(1);d["set"+c](a.value)}else"call"===a.type&&d[a.methodName]()}},g["default"]["__event__"+d.id]=function(a,b){var c=o.createEvent(a,d);c.message=b||"",d.mediaElement.dispatchEvent(c)},d.flashWrapper=i["default"].createElement("div"),["always","sameDomain"].includes(d.options.shimScriptAccess)||(d.options.shimScriptAccess="sameDomain");var v=!!a.getAttribute("autoplay"),w=["uid="+d.id,"autoplay="+v,"allowScriptAccess="+d.options.shimScriptAccess],x=null!==a.originalNode&&"video"===a.originalNode.tagName.toLowerCase(),y=x?a.originalNode.height:1,z=x?a.originalNode.width:1;a.originalNode.getAttribute("src")&&w.push("src="+a.originalNode.getAttribute("src")),d.options.enablePseudoStreaming===!0&&(w.push("pseudostreamstart="+d.options.pseudoStreamingStartQueryParam),w.push("pseudostreamtype="+d.options.pseudoStreamingType)),a.appendChild(d.flashWrapper),null!==a.originalNode&&(a.originalNode.style.display="none");var A=[];if(p.IS_IE){var B=i["default"].createElement("div");d.flashWrapper.appendChild(B),A=['classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"','codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"','id="__'+d.id+'"','width="'+z+'"','height="'+y+'"'],x||A.push('style="clip: rect(0 0 0 0); position: absolute;"'),B.outerHTML="<object "+A.join(" ")+">"+('<param name="movie" value="'+d.options.pluginPath+d.options.filename+"?x="+new Date+'" />')+('<param name="flashvars" value="'+w.join("&amp;")+'" />')+'<param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent" />'+('<param name="allowScriptAccess" value="'+d.options.shimScriptAccess+'" />')+'<param name="allowFullScreen" value="true" />'+("<div>"+m["default"].t("mejs.install-flash")+"</div>")+"</object>"}else A=['id="__'+d.id+'"','name="__'+d.id+'"','play="true"','loop="false"','quality="high"','bgcolor="#000000"','wmode="transparent"','allowScriptAccess="'+d.options.shimScriptAccess+'"','allowFullScreen="true"','type="application/x-shockwave-flash"','pluginspage="//www.macromedia.com/go/getflashplayer"','src="'+d.options.pluginPath+d.options.filename+'"','flashvars="'+w.join("&")+'"','width="'+z+'"','height="'+y+'"'],x||A.push('style="clip: rect(0 0 0 0); position: absolute;"'),d.flashWrapper.innerHTML="<embed "+A.join(" ")+">";if(d.flashNode=d.flashWrapper.lastChild,d.hide=function(){if(x){d.flashNode.style.position="absolute",d.flashNode.style.width="1px",d.flashNode.style.height="1px";try{d.flashNode.style.clip="rect(0 0 0 0);"}catch(a){}}},d.show=function(){if(x){d.flashNode.style.position="",d.flashNode.style.width="",d.flashNode.style.height="";try{d.flashNode.style.clip=""}catch(a){}}},d.setSize=function(a,b){d.flashNode.style.width=a+"px",d.flashNode.style.height=b+"px",null!==d.flashApi&&"function"==typeof d.flashApi.fire_setSize&&d.flashApi.fire_setSize(a,b)},d.destroy=function(){d.flashNode.parentNode.removeChild(d.flashNode)},c&&c.length>0)for(f=0,h=c.length;h>f;f++)if(n.renderer.renderers[b.prefix].canPlayType(c[f].type)){d.setSrc(c[f].src);break}return d}},t=r.hasPluginVersion("flash",[10,0,0]);if(t){q.typeChecks.push(function(a){return a=a.toLowerCase(),a.startsWith("rtmp")?a.includes(".mp3")?"audio/rtmp":"video/rtmp":a.includes(".oga")||a.includes(".ogg")?"audio/ogg":a.includes(".m3u8")?"application/x-mpegURL":a.includes(".mpd")?"application/dash+xml":a.includes(".flv")?"video/flv":null});var u={name:"flash_video",options:{prefix:"flash_video",filename:"mediaelement-flash-video.swf",enablePseudoStreaming:!1,pseudoStreamingStartQueryParam:"start",pseudoStreamingType:"byte"},canPlayType:function(a){return["video/mp4","video/rtmp","audio/rtmp","rtmp/mp4","audio/mp4","video/flv","video/x-flv"].includes(a.toLowerCase())},create:s.create};n.renderer.add(u);var v={name:"flash_hls",options:{prefix:"flash_hls",filename:"mediaelement-flash-video-hls.swf"},canPlayType:function(a){return["application/x-mpegurl","vnd.apple.mpegurl","audio/mpegurl","audio/hls","video/hls"].includes(a.toLowerCase())},create:s.create};n.renderer.add(v);var w={name:"flash_dash",options:{prefix:"flash_dash",filename:"mediaelement-flash-video-mdash.swf"},canPlayType:function(a){return["application/dash+xml"].includes(a.toLowerCase())},create:s.create};n.renderer.add(w);var x={name:"flash_audio",options:{prefix:"flash_audio",filename:"mediaelement-flash-audio.swf"},canPlayType:function(a){return["audio/mp3"].includes(a.toLowerCase())},create:s.create};n.renderer.add(x);var y={name:"flash_audio_ogg",options:{prefix:"flash_audio_ogg",filename:"mediaelement-flash-audio-ogg.swf"},canPlayType:function(a){return["audio/ogg","audio/oga","audio/ogv"].includes(a.toLowerCase())},create:s.create};n.renderer.add(y)}},{2:2,23:23,24:24,25:25,3:3,4:4,6:6,7:7}],19:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(3),f=d(e),g=a(2),h=d(g),i=a(6),j=d(i),k=a(7),l=a(24),m=a(23),n=a(25),o={isMediaStarted:!1,isMediaLoaded:!1,creationQueue:[],prepareSettings:function(a){o.isLoaded?o.createInstance(a):(o.loadScript(a),o.creationQueue.push(a))},loadScript:function(a){"undefined"!=typeof flvjs?o.createInstance(a):o.isMediaStarted||!function(){a.options.path="string"==typeof a.options.path?a.options.path:"//cdnjs.cloudflare.com/ajax/libs/flv.js/1.1.0/flv.min.js";var b=h["default"].createElement("script"),c=h["default"].getElementsByTagName("script")[0],d=!1;b.src=a.options.path,b.onload=b.onreadystatechange=function(){d||this.readyState&&void 0!==this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(d=!0,o.mediaReady(),b.onload=b.onreadystatechange=null)},c.parentNode.insertBefore(b,c),o.isMediaStarted=!0}()},mediaReady:function(){for(o.isLoaded=!0,o.isMediaLoaded=!0;o.creationQueue.length>0;){var a=o.creationQueue.pop();o.createInstance(a)}},createInstance:function(a){var b=flvjs.createPlayer(a.options);f["default"]["__ready__"+a.id](b)}},p={name:"native_flv",options:{prefix:"native_flv",flv:{path:"//cdnjs.cloudflare.com/ajax/libs/flv.js/1.1.0/flv.min.js",cors:!0}},canPlayType:function(a){return m.HAS_MSE&&["video/x-flv","video/flv"].includes(a)},create:function(a,b,c){var d=a.originalNode,e=a.id+"_"+b.prefix,g=void 0,i=void 0,m=null,n=void 0;m=d.cloneNode(!0),b=Object.assign(b,a.options);var p=j["default"].html5media.properties,q=function(a){var b=""+a.substring(0,1).toUpperCase()+a.substring(1);m["get"+b]=function(){return null!==n?m[a]:null},m["set"+b]=function(b){j["default"].html5media.readOnlyProperties.includes(a)||null!==n&&(m[a]=b,"src"===a&&(n.unload(),n.detachMediaElement(),n.attachMediaElement(m),n.load()))}};for(g=0,i=p.length;i>g;g++)q(p[g]);if(f["default"]["__ready__"+e]=function(b){a.flvPlayer=n=b;var c=j["default"].html5media.events.concat(["click","mouseover","mouseout"]),d=function(b){"loadedmetadata"===b&&(n.unload(),n.detachMediaElement(),n.attachMediaElement(m),n.load()),m.addEventListener(b,function(b){var c=h["default"].createEvent("HTMLEvents");c.initEvent(b.type,b.bubbles,b.cancelable),a.dispatchEvent(c)})};for(g=0,i=c.length;i>g;g++)d(c[g])},c&&c.length>0)for(g=0,i=c.length;i>g;g++)if(k.renderer.renderers[b.prefix].canPlayType(c[g].type)){m.setAttribute("src",c[g].src);break}m.setAttribute("id",e),d.parentNode.insertBefore(m,d),d.removeAttribute("autoplay"),d.style.display="none",b.flv.type="flv",b.flv.url=m.getAttribute("src"),o.prepareSettings({options:b.flv,id:e}),m.setSize=function(a,b){return m.style.width=a+"px",m.style.height=b+"px",m},m.hide=function(){return n.pause(),m.style.display="none",m},m.show=function(){return m.style.display="",m},m.destroy=function(){n.destroy()};var r=l.createEvent("rendererready",m);return a.dispatchEvent(r),m}};n.typeChecks.push(function(a){return a=a.toLowerCase(),a.includes(".flv")?"video/flv":null}),k.renderer.add(p)},{2:2,23:23,24:24,25:25,3:3,6:6,7:7}],20:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(3),f=d(e),g=a(2),h=d(g),i=a(6),j=d(i),k=a(7),l=a(24),m=a(23),n=a(25),o={isMediaStarted:!1,isMediaLoaded:!1,creationQueue:[],prepareSettings:function(a){o.isLoaded?o.createInstance(a):(o.loadScript(a),o.creationQueue.push(a))},loadScript:function(a){"undefined"!=typeof Hls?o.createInstance(a):o.isMediaStarted||!function(){a.options.path="string"==typeof a.options.path?a.options.path:"//cdn.jsdelivr.net/hls.js/latest/hls.min.js";var b=h["default"].createElement("script"),c=h["default"].getElementsByTagName("script")[0],d=!1;b.src=a.options.path,b.onload=b.onreadystatechange=function(){d||this.readyState&&void 0!==this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(d=!0,o.mediaReady(),b.onload=b.onreadystatechange=null)},c.parentNode.insertBefore(b,c),o.isMediaStarted=!0}()},mediaReady:function(){for(o.isLoaded=!0,o.isMediaLoaded=!0;o.creationQueue.length>0;){var a=o.creationQueue.pop();o.createInstance(a)}},createInstance:function(a){var b=new Hls(a.options);return f["default"]["__ready__"+a.id](b),b}},p={name:"native_hls",options:{prefix:"native_hls",hls:{path:"//cdn.jsdelivr.net/hls.js/latest/hls.min.js",autoStartLoad:!1,debug:!1}},canPlayType:function(a){return m.HAS_MSE&&["application/x-mpegurl","vnd.apple.mpegurl","audio/mpegurl","audio/hls","video/hls"].includes(a.toLowerCase())},create:function(a,b,c){var d=a.originalNode,e=a.id+"_"+b.prefix,g=d.getAttribute("preload"),i=d.getAttribute("autoplay"),m=void 0,n=void 0,p=void 0,q=null;q=d.cloneNode(!0),b=Object.assign(b,a.options),b.autoStartLoad="auto"===g;var r=j["default"].html5media.properties,s=function(a){var c=""+a.substring(0,1).toUpperCase()+a.substring(1);q["get"+c]=function(){return null!==p?q[a]:null},q["set"+c]=function(c){j["default"].html5media.readOnlyProperties.includes(a)||null!==p&&(q[a]=c,"src"===a&&(p.destroy(),p=o.createInstance({options:b.hls,id:e}),p.attachMedia(q),p.loadSource(c),i&&p.on(hlsEvents.MANIFEST_PARSED,function(){q.play()})))}};for(m=0,n=r.length;n>m;m++)s(r[m]);if(f["default"]["__ready__"+e]=function(b){a.hlsPlayer=p=b;var c=j["default"].html5media.events.concat(["click","mouseover","mouseout"]),d=Hls.Events,e=function(b){if("loadedmetadata"===b){p.detachMedia();var c=q.src;p.attachMedia(q),p.loadSource(c),i&&p.on(d.MANIFEST_PARSED,function(){q.play()})}q.addEventListener(b,function(b){var c=h["default"].createEvent("HTMLEvents");c.initEvent(b.type,b.bubbles,b.cancelable),a.dispatchEvent(c)})};for(m=0,n=c.length;n>m;m++)e(c[m]);var f=void 0,g=void 0,k=function(b,c){var d=l.createEvent(b,q);if(d.data=c,a.dispatchEvent(d),"hlsError"===b&&(console.error(b,c),c.fatal))switch(c.type){case"mediaError":var e=(new Date).getTime();!f||e-f>3e3?(f=(new Date).getTime(),p.recoverMediaError()):!g||e-g>3e3?(g=(new Date).getTime(),console.warn("Attempting to swap Audio Codec and recover from media error"),p.swapAudioCodec(),p.recoverMediaError()):console.error("Cannot recover, last media error recovery failed");break;case"networkError":console.error("Network error");break;default:p.destroy()}};for(var o in d)d.hasOwnProperty(o)&&p.on(d[o],k)},c&&c.length>0)for(m=0,n=c.length;n>m;m++)if(k.renderer.renderers[b.prefix].canPlayType(c[m].type)){q.setAttribute("src",c[m].src);break}"auto"!==g&&(q.addEventListener("play",function(){p.startLoad()},!1),q.addEventListener("pause",function(){p.stopLoad()},!1)),q.setAttribute("id",e),d.parentNode.insertBefore(q,d),d.removeAttribute("autoplay"),d.style.display="none",o.prepareSettings({options:b.hls,id:e}),q.setSize=function(a,b){return q.style.width=a+"px",q.style.height=b+"px",q},q.hide=function(){return q.pause(),q.style.display="none",q},q.show=function(){return q.style.display="",q},q.destroy=function(){p.destroy()},q.stop=function(){p.stopLoad()};var t=l.createEvent("rendererready",q);return a.dispatchEvent(t),q}};n.typeChecks.push(function(a){return a=a.toLowerCase(),a.includes(".m3u8")?"application/x-mpegURL":null}),k.renderer.add(p)},{2:2,23:23,24:24,25:25,3:3,6:6,7:7}],21:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(3),f=d(e),g=a(2),h=d(g),i=a(6),j=d(i),k=a(7),l=a(24),m=a(23),n={name:"html5",options:{prefix:"html5"},canPlayType:function(a){var b=h["default"].createElement("video");return m.IS_ANDROID&&null!==a.match(/\/mp(3|4)$/gi)||["application/x-mpegurl","vnd.apple.mpegurl","audio/mpegurl","audio/hls","video/hls"].includes(a.toLowerCase())&&m.SUPPORTS_NATIVE_HLS?"yes":b.canPlayType?b.canPlayType(a).replace(/no/,""):""},create:function(a,b,c){var d=a.id+"_"+b.prefix,e=null,f=void 0,g=void 0;void 0===a.originalNode||null===a.originalNode?(e=h["default"].createElement("audio"),a.appendChild(e)):e=a.originalNode,e.setAttribute("id",d);var i=j["default"].html5media.properties,m=function(a){var b=""+a.substring(0,1).toUpperCase()+a.substring(1);e["get"+b]=function(){return e[a]},e["set"+b]=function(b){j["default"].html5media.readOnlyProperties.includes(a)||(e[a]=b)}};for(f=0,g=i.length;g>f;f++)m(i[f]);var n=j["default"].html5media.events.concat(["click","mouseover","mouseout"]),o=function(b){e.addEventListener(b,function(b){var c=h["default"].createEvent("HTMLEvents");c.initEvent(b.type,b.bubbles,b.cancelable),a.dispatchEvent(c)})};for(f=0,g=n.length;g>f;f++)o(n[f]);if(e.setSize=function(a,b){return e.style.width=a+"px",e.style.height=b+"px",e},e.hide=function(){return e.style.display="none",e},e.show=function(){return e.style.display="",e},c&&c.length>0)for(f=0,g=c.length;g>f;f++)if(k.renderer.renderers[b.prefix].canPlayType(c[f].type)){e.setAttribute("src",c[f].src);break}var p=l.createEvent("rendererready",e);return a.dispatchEvent(p),e}};f["default"].HtmlMediaElement=j["default"].HtmlMediaElement=n,k.renderer.add(n)},{2:2,23:23,24:24,3:3,6:6,7:7}],22:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},f=a(3),g=d(f),h=a(2),i=d(h),j=a(6),k=d(j),l=a(7),m=a(24),n=a(25),o={isIframeStarted:!1,isIframeLoaded:!1,iframeQueue:[],enqueueIframe:function(a){o.isLoaded="undefined"!=typeof YT&&YT.loaded,o.isLoaded?o.createIframe(a):(o.loadIframeApi(),o.iframeQueue.push(a))},loadIframeApi:function(){if(!o.isIframeStarted){var a=i["default"].createElement("script");a.src="//www.youtube.com/player_api";var b=i["default"].getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b),o.isIframeStarted=!0}},iFrameReady:function(){for(o.isLoaded=!0,o.isIframeLoaded=!0;o.iframeQueue.length>0;){var a=o.iframeQueue.pop();o.createIframe(a)}},createIframe:function(a){return new YT.Player(a.containerId,a)},getYouTubeId:function(a){var b="";return a.indexOf("?")>0?(b=o.getYouTubeIdFromParam(a),""===b&&(b=o.getYouTubeIdFromUrl(a))):b=o.getYouTubeIdFromUrl(a),b},getYouTubeIdFromParam:function(a){if(void 0===a||null===a||!a.trim().length)return null;for(var b=a.split("?"),c=b[1].split("&"),d="",e=0,f=c.length;f>e;e++){var g=c[e].split("=");if("v"===g[0]){d=g[1];break}}return d},getYouTubeIdFromUrl:function(a){if(void 0===a||null===a||!a.trim().length)return null;var b=a.split("?");return a=b[0],a.substring(a.lastIndexOf("/")+1)},getYouTubeNoCookieUrl:function(a){if(void 0===a||null===a||!a.trim().length||!a.includes("//www.youtube"))return a;var b=a.split("/");return b[2]=b[2].replace(".com","-nocookie.com"),b.join("/")}},p={name:"youtube_iframe",options:{prefix:"youtube_iframe",youtube:{autoplay:0,controls:0,disablekb:1,end:0,loop:0,modestbranding:0,playsinline:0,rel:0,showinfo:0,start:0,iv_load_policy:3,nocookie:!1}},canPlayType:function(a){return["video/youtube","video/x-youtube"].includes(a)},create:function(a,b,c){var d={},f=[],h=4,j=void 0,l=void 0,n=null,p=!0,q=!1,r=null,s=1;d.options=b,d.id=a.id+"_"+b.prefix,d.mediaElement=a;var t=k["default"].html5media.properties,u=function(b){var c=""+b.substring(0,1).toUpperCase()+b.substring(1);d["get"+c]=function(){if(null!==n){var a=null,c=function(){switch(b){case"currentTime":return{v:n.getCurrentTime()};case"duration":return{v:n.getDuration()};case"volume":return s=n.getVolume()/100,{v:s};case"paused":return{v:p};case"ended":return{v:q};case"muted":return{v:n.isMuted()};case"buffered":var a=n.getVideoLoadedFraction(),c=n.getDuration();return{v:{start:function(){return 0},end:function(){return a*c},length:1}};case"src":return{v:n.getVideoUrl()};case"readyState":return{v:h}}}();return"object"===("undefined"==typeof c?"undefined":e(c))?c.v:a}return null},d["set"+c]=function(c){if(null!==n)switch(b){case"src":var e="string"==typeof c?c:c[0].src,g=o.getYouTubeId(e);a.getAttribute("autoplay")?n.loadVideoById(g):n.cueVideoById(g);break;case"currentTime":n.seekTo(c);break;case"muted":c?n.mute():n.unMute(),setTimeout(function(){var b=m.createEvent("volumechange",d);a.dispatchEvent(b)},50);break;case"volume":s=c,n.setVolume(100*c),setTimeout(function(){var b=m.createEvent("volumechange",d);a.dispatchEvent(b)},50);break;case"readyState":var h=m.createEvent("canplay",d);a.dispatchEvent(h)}else f.push({type:"set",propName:b,value:c})}};for(j=0,l=t.length;l>j;j++)u(t[j]);var v=k["default"].html5media.methods,w=function(a){d[a]=function(){if(null!==n)switch(a){case"play":return p=!1,n.playVideo();case"pause":return p=!0,n.pauseVideo();case"load":return null}else f.push({type:"call",methodName:a})}};for(j=0,l=v.length;l>j;j++)w(v[j]);var x=i["default"].createElement("div");x.id=d.id,d.options.youtube.nocookie&&a.originalNode.setAttribute("src",o.getYouTubeNoCookieUrl(c[0].src)),a.originalNode.parentNode.insertBefore(x,a.originalNode),a.originalNode.style.display="none";var y="audio"===a.originalNode.tagName.toLowerCase(),z=y?"0":a.originalNode.height,A=y?"0":a.originalNode.width,B=o.getYouTubeId(c[0].src),C={id:d.id,containerId:x.id,videoId:B,height:z,width:A,playerVars:Object.assign({controls:0,rel:0,disablekb:1,showinfo:0,modestbranding:0,html5:1,playsinline:0,start:0,end:0,iv_load_policy:3},d.options.youtube),origin:g["default"].location.host,events:{onReady:function(b){if(a.youTubeApi=n=b.target,a.youTubeState={paused:!0,ended:!1},f.length)for(j=0,l=f.length;l>j;j++){var c=f[j];if("set"===c.type){var e=c.propName,g=""+e.substring(0,1).toUpperCase()+e.substring(1);d["set"+g](c.value)}else"call"===c.type&&d[c.methodName]()}r=n.getIframe();var h=["mouseover","mouseout"],i=function(b){var c=m.createEvent(b.type,d);a.dispatchEvent(c)};for(j=0,l=h.length;l>j;j++)r.addEventListener(h[j],i,!1);var k=["rendererready","loadeddata","loadedmetadata","canplay"];for(j=0,l=k.length;l>j;j++){var o=m.createEvent(k[j],d);a.dispatchEvent(o)}},onStateChange:function(b){var c=[];switch(b.data){case-1:c=["loadedmetadata"],p=!0,q=!1;break;case 0:c=["ended"],p=!1,q=!0,d.stopInterval();break;case 1:c=["play","playing"],p=!1,q=!1,d.startInterval();break;case 2:c=["pause"],p=!0,q=!1,d.stopInterval();break;case 3:c=["progress"],q=!1;break;case 5:c=["loadeddata","loadedmetadata","canplay"],p=!0,q=!1}for(j=0,l=c.length;l>j;j++){var e=m.createEvent(c[j],d);a.dispatchEvent(e)}},onError:function(b){var c=m.createEvent("error",d);c.data=b.data,a.dispatchEvent(c)}}};return y&&(C.playerVars.playsinline=1),o.enqueueIframe(C),d.onEvent=function(b,c,d){null!==d&&void 0!==d&&(a.youTubeState=d)},d.setSize=function(a,b){null!==n&&n.setSize(a,b)},d.hide=function(){d.stopInterval(),d.pause(),r&&(r.style.display="none")},d.show=function(){r&&(r.style.display="")},d.destroy=function(){n.destroy()},d.interval=null,d.startInterval=function(){d.interval=setInterval(function(){var b=m.createEvent("timeupdate",d);a.dispatchEvent(b)},250)},d.stopInterval=function(){d.interval&&clearInterval(d.interval)},d}};g["default"].postMessage&&e(g["default"].addEventListener)&&(g["default"].onYouTubePlayerAPIReady=function(){o.iFrameReady()},n.typeChecks.push(function(a){return a=a.toLowerCase(),a.includes("//www.youtube")||a.includes("//youtu.be")?"video/x-youtube":null}),l.renderer.add(p))},{2:2,24:24,25:25,3:3,6:6,7:7}],23:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}Object.defineProperty(c,"__esModule",{value:!0}),c.cancelFullScreen=c.requestFullScreen=c.isFullScreen=c.FULLSCREEN_EVENT_NAME=c.HAS_NATIVE_FULLSCREEN_ENABLED=c.HAS_TRUE_NATIVE_FULLSCREEN=c.HAS_IOS_FULLSCREEN=c.HAS_MS_NATIVE_FULLSCREEN=c.HAS_MOZ_NATIVE_FULLSCREEN=c.HAS_WEBKIT_NATIVE_FULLSCREEN=c.HAS_NATIVE_FULLSCREEN=c.SUPPORTS_NATIVE_HLS=c.SUPPORT_POINTER_EVENTS=c.HAS_MSE=c.IS_STOCK_ANDROID=c.IS_SAFARI=c.IS_FIREFOX=c.IS_CHROME=c.IS_EDGE=c.IS_IE=c.IS_ANDROID=c.IS_IOS=c.IS_IPHONE=c.IS_IPAD=c.UA=c.NAV=void 0;for(var e=a(3),f=d(e),g=a(2),h=d(g),i=a(6),j=d(i),k=c.NAV=f["default"].navigator,l=c.UA=k.userAgent.toLowerCase(),m=c.IS_IPAD=null!==l.match(/ipad/i),n=c.IS_IPHONE=null!==l.match(/iphone/i),o=(c.IS_IOS=n||m,c.IS_ANDROID=null!==l.match(/android/i)),p=c.IS_IE=k.appName.toLowerCase().includes("microsoft")||null!==k.appName.toLowerCase().match(/trident/gi),q=(c.IS_EDGE="msLaunchUri"in k&&!("documentMode"in h["default"])),r=c.IS_CHROME=null!==l.match(/chrome/gi),s=c.IS_FIREFOX=null!==l.match(/firefox/gi),t=c.IS_SAFARI=null!==l.match(/safari/gi)&&!r,u=c.IS_STOCK_ANDROID=null!==l.match(/^mozilla\/\d+\.\d+\s\(linux;\su;/gi),v=(c.HAS_MSE="MediaSource"in f["default"]),w=(c.SUPPORT_POINTER_EVENTS=function(){var a=h["default"].createElement("x"),b=h["default"].documentElement,c=f["default"].getComputedStyle;if(!("pointerEvents"in a.style))return!1;a.style.pointerEvents="auto",a.style.pointerEvents="x",b.appendChild(a);var d=c&&"auto"===c(a,"").pointerEvents;return b.removeChild(a),!!d}()),x=["source","track","audio","video"],y=void 0,z=0,A=x.length;A>z;z++)y=h["default"].createElement(x[z]);var B=c.SUPPORTS_NATIVE_HLS=t||o&&(r||u)||p&&null!==l.match(/edge/gi),C=void 0!==y.webkitEnterFullscreen,D=void 0!==y.requestFullscreen;C&&l.match(/mac os x 10_5/i)&&(D=!1,C=!1);var E=void 0!==y.webkitRequestFullScreen,F=void 0!==y.mozRequestFullScreen,G=void 0!==y.msRequestFullscreen,H=E||F||G,I=H,J="",K=void 0,L=void 0,M=void 0;F?I=h["default"].mozFullScreenEnabled:G&&(I=h["default"].msFullscreenEnabled),r&&(C=!1),H&&(E?J="webkitfullscreenchange":F?J="mozfullscreenchange":G&&(J="MSFullscreenChange"),c.isFullScreen=K=function(){return F?h["default"].mozFullScreen:E?h["default"].webkitIsFullScreen:G?null!==h["default"].msFullscreenElement:void 0},c.requestFullScreen=L=function(a){E?a.webkitRequestFullScreen():F?a.mozRequestFullScreen():G&&a.msRequestFullscreen()},c.cancelFullScreen=M=function(){E?h["default"].webkitCancelFullScreen():F?h["default"].mozCancelFullScreen():G&&h["default"].msExitFullscreen()});var N=c.HAS_NATIVE_FULLSCREEN=D,O=c.HAS_WEBKIT_NATIVE_FULLSCREEN=E,P=c.HAS_MOZ_NATIVE_FULLSCREEN=F,Q=c.HAS_MS_NATIVE_FULLSCREEN=G,R=c.HAS_IOS_FULLSCREEN=C,S=c.HAS_TRUE_NATIVE_FULLSCREEN=H,T=c.HAS_NATIVE_FULLSCREEN_ENABLED=I,U=c.FULLSCREEN_EVENT_NAME=J;c.isFullScreen=K,c.requestFullScreen=L,c.cancelFullScreen=M,j["default"].Features=j["default"].Features||{},j["default"].Features.isiPad=m,j["default"].Features.isiPhone=n,j["default"].Features.isiOS=j["default"].Features.isiPhone||j["default"].Features.isiPad,j["default"].Features.isAndroid=o,j["default"].Features.isIE=p,j["default"].Features.isEdge=q,j["default"].Features.isChrome=r,j["default"].Features.isFirefox=s,j["default"].Features.isSafari=t,j["default"].Features.isStockAndroid=u,j["default"].Features.hasMSE=v,j["default"].Features.supportsNativeHLS=B,j["default"].Features.supportsPointerEvents=w,j["default"].Features.hasiOSFullScreen=R,j["default"].Features.hasNativeFullscreen=N,j["default"].Features.hasWebkitNativeFullScreen=O,j["default"].Features.hasMozNativeFullScreen=P,j["default"].Features.hasMsNativeFullScreen=Q,j["default"].Features.hasTrueNativeFullScreen=S,j["default"].Features.nativeFullScreenEnabled=T,j["default"].Features.fullScreenEventName=U,j["default"].Features.isFullScreen=K,j["default"].Features.requestFullScreen=L,j["default"].Features.cancelFullScreen=M},{2:2,3:3,6:6}],24:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){if("string"!=typeof a)throw new Error("Argument passed must be a string");var b={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"};return a.replace(/[&<>"]/g,function(a){return b[a]})}function f(a,b){var c=this,d=arguments,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:!1;if("function"!=typeof a)throw new Error("First argument must be a function");if("number"!=typeof b)throw new Error("Second argument must be a numeric value");var f=void 0;return function(){var g=c,h=d,i=function(){f=null,e||a.apply(g,h)},j=e&&!f;clearTimeout(f),f=setTimeout(i,b),j&&a.apply(g,h)}}function g(a){return Object.getOwnPropertyNames(a).length<=0}function h(a,b){var c=/^((after|before)print|(before)?unload|hashchange|message|o(ff|n)line|page(hide|show)|popstate|resize|storage)\b/,d={d:[],w:[]};return(a||"").split(" ").forEach(function(a){var e=a+"."+b;e.startsWith(".")?(d.d.push(e),d.w.push(e)):d[c.test(a)?"w":"d"].push(e)}),d.d=d.d.join(" "),d.w=d.w.join(" "),d}function i(a,b){if("string"!=typeof a)throw new Error("Event name must be a string");var c=void 0;return document.createEvent?(c=document.createEvent("Event"),c.initEvent(a,!0,!1)):(c={},c.type=a,c.target=b,c.canceleable=!0,c.bubbable=!1),c}function j(a,b){return!!(a&&b&&a.compareDocumentPosition(b)&&Node.DOCUMENT_POSITION_PRECEDING)}function k(a){return"string"==typeof a}Object.defineProperty(c,"__esModule",{value:!0}),c.escapeHTML=e,c.debounce=f,c.isObjectEmpty=g,c.splitEvents=h,c.createEvent=i,c.isNodeAfter=j,c.isString=k;var l=a(6),m=d(l);m["default"].Utils=m["default"].Utils||{},m["default"].Utils.escapeHTML=e,m["default"].Utils.debounce=f,m["default"].Utils.isObjectEmpty=g,m["default"].Utils.splitEvents=h,m["default"].Utils.createEvent=i,m["default"].Utils.isNodeAfter=j,m["default"].Utils.isString=k},{6:6}],25:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){if("string"!=typeof a)throw new Error("`url` argument must be a string");var b=document.createElement("div");return b.innerHTML='<a href="'+m.escapeHTML(a)+'">x</a>',b.firstChild.href}function f(a){var b=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return a&&!b?h(a):g(b)}function g(a){if("string"!=typeof a)throw new Error("`type` argument must be a string");return a&&~a.indexOf(";")?a.substr(0,a.indexOf(";")):a}function h(a){if("string"!=typeof a)throw new Error("`url` argument must be a string");var b=void 0,c=void 0,d=void 0;if(!Array.isArray(n))throw new Error("`typeChecks` must be an array");if(n.length)for(b=0,c=n.length;c>b;b++){var e=n[b];if("function"!=typeof e)throw new Error("Element in array must be a function")}for(b=0,c=n.length;c>b;b++)if(d=n[b](a),void 0!==d&&null!==d)return d;var f=i(a),g=j(f),h="video/mp4";return g&&(["mp4","m4v","ogg","ogv","webm","flv","mpeg","mov"].includes(g)?h="video/"+g:["mp3","oga","wav","mid","midi"].includes(g)&&(h="audio/"+g)),h}function i(a){if("string"!=typeof a)throw new Error("`url` argument must be a string");var b=a.split("?")[0],c=b.split("\\").pop().split("/").pop();return c.indexOf(".")>-1?c.substring(c.lastIndexOf(".")+1):""}function j(a){if("string"!=typeof a)throw new Error("`extension` argument must be a string");switch(a){case"mp4":case"m4v":return"mp4";case"webm":case"webma":case"webmv":return"webm";case"ogg":case"oga":case"ogv":return"ogg";
+default:return a}}Object.defineProperty(c,"__esModule",{value:!0}),c.typeChecks=void 0,c.absolutizeUrl=e,c.formatType=f,c.getMimeFromType=g,c.getTypeFromFile=h,c.getExtension=i,c.normalizeExtension=j;var k=a(6),l=d(k),m=a(24),n=c.typeChecks=[];l["default"].Utils=l["default"].Utils||{},l["default"].Utils.typeChecks=n,l["default"].Utils.absolutizeUrl=e,l["default"].Utils.formatType=f,l["default"].Utils.getMimeFromType=g,l["default"].Utils.getTypeFromFile=h,l["default"].Utils.getExtension=i,l["default"].Utils.normalizeExtension=j},{24:24,6:6}],26:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}var e=a(2),f=d(e);Array.prototype.indexOf||(Array.prototype.indexOf=function(a,b){throw new TypeError('"this" is null or not defined')}),void 0===f["default"].createEvent&&(f["default"].createEvent=function(){var a=f["default"].createEventObject();return a.timeStamp=(new Date).getTime(),a.enumerable=!0,a.writable=!0,a.configurable=!0,a.initEvent=function(a,b,c){(void 0).type=a,(void 0).bubbles=!!b,(void 0).cancelable=!!c,(void 0).bubbles||((void 0).stopPropagation=function(){(void 0).stoppedPropagation=!0,(void 0).cancelBubble=!0})},a}),"function"!=typeof Object.assign&&(Object.assign=function(a){if(null===a||void 0===a)throw new TypeError("Cannot convert undefined or null to object");for(var b=Object(a),c=1;c<arguments.length;c++){var d=arguments[c];if(null!==d)for(var e in d)Object.prototype.hasOwnProperty.call(d,e)&&(b[e]=d[e])}return b}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(a,b){if(null===this||void 0===this)throw new TypeError('"this" is null or not defined');var c=Object(this),d=c.length>>>0;if(0===d)return!1;for(var e=0|b,f=Math.max(e>=0?e:d-Math.abs(e),0);d>f;){if(c[f]===a)return!0;f++}return!1}}),String.prototype.includes||(String.prototype.includes=function(){return-1!==String.prototype.indexOf.apply(this,arguments)}),String.prototype.startsWith||(String.prototype.startsWith=function(a,b){return b=b||0,this.substr(b,a.length)===a})},{2:2}],27:[function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){var b=arguments.length>1&&void 0!==arguments[1]?arguments[1]:!1,c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:!1,d=arguments.length>3&&void 0!==arguments[3]?arguments[3]:25;a=!a||"number"!=typeof a||0>a?0:a;var e=Math.floor((a%1*d).toFixed(3)),f=Math.floor(a/3600)%24,g=Math.floor(a/60)%60,h=Math.floor(a%60);f=0>=f?0:f,g=0>=g?0:g,h=0>=h?0:h;var i=b||f>0?(10>f?"0"+f:f)+":":"";return i+=(10>g?"0"+g:g)+":",i+=""+(10>h?"0"+h:h),i+=""+(c?":"+(10>e?"0"+e:e):"")}function f(a){var b=arguments.length>1&&void 0!==arguments[1]?arguments[1]:!1,c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:25;if("string"!=typeof a)throw new TypeError("Time must be a string");if(!a.match(/\d{2}(\:\d{2}){0,3}/))throw new TypeError("Time code must have the format `00:00:00`");var d=a.split(":"),e=void 0,f=0,g=0,h=0,i=0;switch(d.length){default:case 1:h=parseInt(d[0],10);break;case 2:g=parseInt(d[0],10),h=parseInt(d[1],10);break;case 3:case 4:f=parseInt(d[0],10),g=parseInt(d[1],10),h=parseInt(d[2],10),i=b?parseInt(d[3])/c:0}return e=3600*f+60*g+h+i,parseFloat(e.toFixed(3))}function g(a,b){var c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:25;a=!a||"number"!=typeof a||0>a?0:a;for(var d=Math.floor(a/3600)%24,e=Math.floor(a/60)%60,f=Math.floor(a%60),g=Math.floor((a%1*c).toFixed(3)),h=[[g,"f"],[f,"s"],[e,"m"],[d,"h"]],i=b.timeFormat,j=i[1]===i[0],k=j?2:1,l=i.length<k?i[k]:":",m=i[0],n=!1,o=0,p=h.length;p>o;o++)if(i.indexOf(h[o][1])>-1)n=!0;else if(n){for(var q=!1,r=o;p>r;r++)if(h[r][0]>0){q=!0;break}if(!q)break;j||(i=m+i),i=h[o][1]+l+i,j&&(i=h[o][1]+i),m=h[o][1]}b.currentTimeFormat=i}function h(a){if("string"!=typeof a)throw new TypeError("Argument must be a string value");a=a.replace(",",".");var b=a.indexOf(".")>-1?a.split(".")[1].length:0,c=0,d=1;a=a.split(":").reverse();for(var e=0;e<a.length;e++)d=1,e>0&&(d=Math.pow(60,e)),c+=Number(a[e])*d;return Number(c.toFixed(b))}Object.defineProperty(c,"__esModule",{value:!0}),c.secondsToTimeCode=e,c.timeCodeToSeconds=f,c.calculateTimeFormat=g,c.convertSMPTEtoSeconds=h;var i=a(6),j=d(i);j["default"].Utils=j["default"].Utils||{},j["default"].Utils.secondsToTimeCode=e,j["default"].Utils.timeCodeToSeconds=f,j["default"].Utils.calculateTimeFormat=g,j["default"].Utils.convertSMPTEtoSeconds=h},{6:6}]},{},[26,5,4,14,21,18,17,19,20,22,15,16,8,9,10,11,12,13]);
\ No newline at end of file
diff --git a/prosopopee/themes/material/templates/base.html b/prosopopee/themes/material/templates/base.html
index 14adb8d..a86f2ea 100644
--- a/prosopopee/themes/material/templates/base.html
+++ b/prosopopee/themes/material/templates/base.html
@@ -1,33 +1,50 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta charset="UTF-8">
-        {% block css %}
-        {% endblock %}
-        {% if settings.rss -%}
-        <link rel="alternate" type="application/rss+xml" title="{{ settings.title }}" href="{{ settings.url }}/feed.xml" />
+  <head>
+    <meta charset="UTF-8">
+    {% block css %}
+    {% endblock %}
+    {% if settings.rss -%}
+    <link rel="alternate" type="application/rss+xml" title="{{ settings.title }}" href="{{ settings.url }}/feed.xml" />
+    {% endif -%}
+    <!--Let browser know website is optimized for mobile-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>{{ settings.title }}</title>
+  </head>
+
+  <body>
+
+    <!-- Navbar and Header -->
+    <nav class="nav-extended nav-full-header z-depth-0 blue-grey darken-3">
+      <div class="nav-background">
+        {% if settings.cover %}
+        {% set image = Image(settings.cover) %}
+        {{ image.copy() }}
+        <div class="ea k" style="background-image: url('{{ image.generate_thumbnail("x1080") }}');"></div>
+        {% else %}
+        <div class="ea k"></div>
+        {% endif %}
+      </div>
+      <div class="nav-wrapper db">
+        <a href="#" class="brand-logo"><i class="fa fa-camera" aria-hidden="true"></i><p>{{ settings.title }}</p></a>
+        {% if settings.menu -%}
+        <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
         {% endif -%}
-        <!--Let browser know website is optimized for mobile-->
-        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-        <title>{{ settings.title }}</title>
-    </head>
+      </div>
 
-    <body>
-        <main>
-        <nav class="blue-grey darken-1">
-            <div class="nav-wrapper">
-                <a href="#" class="brand-logo right">{{ settings.title }}</a>
-                {% if settings.menu -%}
-                {% include 'menu.html' %}
-                {% endif -%}
-            </div>
-        </nav>
+      <div class="nav-header valign-wrapper">
+        <div class="de">
+          <h1>{{ settings.sub_title }}</h1>
+        </div>
+      </div>
+    </nav>
 
+    {% if settings.menu -%}
+    {% include 'menu.html' %}
+    {% endif -%}
+    {% block content %}
+    {% endblock %}
 
-        {% block content %}
-        {% endblock %}
-
-        </main>
-        {% include 'footer.html' %}
-    </body>
+    {% include 'footer.html' %}
+  </body>
 </html>
diff --git a/prosopopee/themes/material/templates/gallery-index.html b/prosopopee/themes/material/templates/gallery-index.html
index 1d96aea..407980e 100644
--- a/prosopopee/themes/material/templates/gallery-index.html
+++ b/prosopopee/themes/material/templates/gallery-index.html
@@ -4,12 +4,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta charset="UTF-8">
     <link rel="stylesheet" href="../static/css/materialize.css"/>
-    <link rel="stylesheet" href="../static/css/styles.css">
+    <link rel="stylesheet" href="../static/css/style-page.css">
     <link type="text/css" rel="stylesheet" href="../static/css/baguetteBox.min.css"  media="screen,projection"/>
     <link type="text/css" rel="stylesheet" href="../static/css/panorama_viewer.css"  media="screen,projection"/>
-    {% if settings.share %}
+    <link type="text/css" rel="stylesheet" href="../static/css/mediaelementplayer.css"  media="screen,projection"/>
     <link rel="stylesheet" href="../static/css/font-awesome.css">
-    {% endif %}
 
     <!--Let browser know website is optimized for mobile-->
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@@ -39,7 +38,7 @@
     {% else -%}
     <div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
       <a href="../" class="btn-floating btn-large red">
-        <i class="mdi-action-home"></i>
+        <i class="fa fa-home"></i>
       </a>
     </div>
     {% endif %}
@@ -49,6 +48,7 @@
     <script type="text/javascript" src="../static/js/baguetteBox.min.js" charset="utf-8"></script>
     <script type="text/javascript" src="../static/js/jquery.panorama_viewer.min.js" charset="utf-8"></script>
     <script type="text/javascript" src="../static/js/jquery.lazyload.min.js" charset="utf-8"></script>
+    <script type="text/javascript" src="../static/js/mediaelement-and-player.min.js" charset="utf-8"></script>
     <script type="text/javascript" charset="utf-8">
 $(document).ready(function(){
   $('.parallax').parallax();
@@ -67,11 +67,25 @@ video.on('click', function(e){
   }
 });
 
+$('audio').mediaelementplayer({
+  alwaysShowControls: true,
+  features: ['playpause','progress','volume'],
+  audioVolume: 'horizontal',
+  audioWidth: 450,
+  audioHeight: 30,
+  iPadUseNativeControls: true,
+  iPhoneUseNativeControls: true,
+  AndroidUseNativeControls: true
+});
+
+
 $(function() {
   $("img.lazy").lazyload({
+    threshold : 400,
     effect : "fadeIn"
   });
   $("video.lazy").lazyload({
+    threshold : 400,
     effect : "fadeIn"
   });
 });
@@ -117,7 +131,7 @@ var slowLoad = window.setTimeout( function() {
   div.appendChild(dismiss_container);
 
   html_node.appendChild(div);
-}, 1000 );
+}, 10000 );
 
 window.addEventListener( 'load', function() {
   try {
diff --git a/prosopopee/themes/material/templates/index.html b/prosopopee/themes/material/templates/index.html
index ba2fc46..8abed90 100644
--- a/prosopopee/themes/material/templates/index.html
+++ b/prosopopee/themes/material/templates/index.html
@@ -2,72 +2,48 @@
 
 {% block css %}
 <link rel="stylesheet" href="static/css/materialize.css">
-<link rel="stylesheet" href="static/css/styles.css">
+<link rel="stylesheet" href="static/css/style.css">
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+<link rel="stylesheet" href="static/css/font-awesome.css">
 {% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row">
-        {% for galleries_line in galleries|reverse|batch(1)|reverse %}
-        {% for gallery in galleries_line|reverse %}
-        <div class="col s12 m12 l8 push-l2">
-            <a href="{{ gallery.link }}">    
-                <div class="card hoverable blue-grey lighten-5">
-                    <div class="card-image">
-                        {% if gallery.cover_type == "video" %}
-                        {% set video = Video(gallery.cover) %}
-                        {{ video.copy() }}
-                        {% else %}
-                        {% set cover = Image(gallery.cover) %}
-                        {{ cover.copy() }}
-                        {% endif %}
-                        {% if video %}
-                        <img class="responsive-img" src="{{ video.generate_thumbnail("900") }}">
-                        <video autoplay loop muted class="fillWidth">
-                            <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
-                        </video>
-                        {% set video = "" %}
-                        {% else %}
-                        <img src="{{ cover.generate_thumbnail("x900") }}">
-                        {% endif %}
-
-                        <span class="card-title truncate">{{ gallery.title }}
-                            {% if gallery.sub_title %} : {{ gallery.sub_title }}{% endif %}
-                        </span>
-                    </div>
-                    <div class="card-action">
-                        <div class="left">
-                            <a href="{{ gallery.link }}">Read more..</a>
-                        </div>
-                        {% if gallery.tags or gallery.date %}
-                        <div class="right">
-                            {% if gallery.tags %}{% for tag in gallery.tags -%}
-                            <div class="chip">
-                                <div class="image">
-                                    <img class="grey">
-                                    <div class="tag white-text">
-                                        {{ tag[0].capitalize() }}
-                                    </div>
-                                    </img>
-                                    {{ tag }}
-                                </div>
-                            </div>
-                            {% endfor -%}
-                            {% endif %}
-                            {% if gallery.date %}
-                            <div class="chip">
-                                {{ gallery.date.strftime("%d %B %Y") }}
-                            </div>
-                            {% endif %}
-                        </div>
-                        {% endif %}
-                    </div>
-                </div>
-            </a>    
-        </div>
-        {% endfor %}
-        {% endfor %}
+<!-- Gallery -->
+<div id="portfolio" class="cx gray">
+  <div class="b e">
+    {% for galleries_line in galleries|reverse|batch(1)|reverse %}
+    {% for gallery in galleries_line|reverse %}
+    <div class="d hx hf gu gallery-item gallery-expand ce polygon">
+      <div class="gallery-curve-wrapper">
+        <a href="{{ gallery.link }}" class="gallery-cover gray">
+          {% if gallery.cover_type == "video" %}
+          {% set video = Video(gallery.cover) %}
+          {{ video.copy() }}
+          {% else %}
+          {% set cover = Image(gallery.cover) %}
+          {{ cover.copy() }}
+          {% endif %}
+          <div class="gallery-title">
+            <h2>{{ gallery.title }}</h2>
+            {% if gallery.sub_title %}<h3>{{ gallery.sub_title }}</h3>{% endif %}
+            {% if settings.show_date and gallery.date %}<div class="gallery-datetime">{{ gallery.date.strftime("%d %B %Y") }}</div>{% endif %}
+            {% if gallery.tags %}<div class="gallery-tag">IN {% for tag in gallery.tags -%} <span> {{ tag }}</span> {% endfor -%}</div>{% endif %}
+          </div>
+        {% if video %}
+        <img class="responsive-img" src="{{ video.generate_thumbnail("400") }}">
+        <video autoplay loop muted class="fillWidth">
+          <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
+        </video>
+        {% set video = "" %}
+        {% else %}
+        <img class="responsive-img" src="{{ cover.generate_thumbnail("x400") }}" alt="placeholder" crossOrigin="anonymous">
+        {% endif %}
+        </a>
+      </div>
     </div>
+    {% endfor %}
+    {% endfor %}
+  </div>
 </div>
 
 <script type="text/javascript" src="static/js/jquery-2.1.4.min.js" charset="utf-8"></script>
@@ -76,7 +52,7 @@
 $('.button-collapse').sideNav();
 
 $(document).ready(function(){
-    $('.scrollspy').scrollSpy();
+  $('.scrollspy').scrollSpy();
 });
 </script>
 {% endblock %}
diff --git a/prosopopee/themes/material/templates/menu.html b/prosopopee/themes/material/templates/menu.html
index 2a31a95..cbbf154 100644
--- a/prosopopee/themes/material/templates/menu.html
+++ b/prosopopee/themes/material/templates/menu.html
@@ -1,31 +1,15 @@
-<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="mdi-action-view-headline"></i></a>
-<ul class="left hide-on-med-and-down">
-    {%- for line in settings.menu -%}
-    {% set file_name, menu_name = line.items()[0] %}
-    {% if file_name.startswith('http') %}
-    {% set file_name = file_name %}
-    {% elif gallery %}
-    {% set file_name = "../"+file_name %}
-    {%- endif -%}
-    {%- if loop.first -%}
-    <li><a href={{ file_name }} class=first-item-menu>{{ menu_name  }}</a></li>
-    {% else %}
-    <li><a href={{ file_name }} class=item-menu>{{ menu_name }}</a></li>
-    {%- endif -%}
-    {%- endfor -%}
-</ul>
-<ul class="side-nav" id="mobile-demo">
-    {%- for line in settings.menu -%}
-    {% set file_name, menu_name = line.items()[0] %}
-    {% if file_name.startswith('http') %}
-    {% set file_name = file_name %}
-    {% elif gallery %}
-    {% set file_name = "../"+file_name %}
-    {%- endif -%}
-    {%- if loop.first -%}
-    <li><a href={{ file_name }} class=first-item-menu>{{ menu_name  }}</a></li>
-    {% else %}
-    <li><a href={{ file_name }} class=item-menu>{{ menu_name }}</a></li>
-    {%- endif -%}
-    {%- endfor -%}
+<ul class="side-nav" id="nav-mobile">   
+  {%- for line in settings.menu -%}
+  {% set file_name, menu_name = line.items()[0] %}
+  {% if file_name.startswith('http') %}
+  {% set file_name = file_name %}
+  {% elif gallery %}
+  {% set file_name = "../"+file_name %}
+  {%- endif -%}
+  {%- if loop.first -%}
+  <li><a href={{ file_name }} class=first-item-menu>{{ menu_name  }}</a></li>
+  {% else %}
+  <li><a href={{ file_name }} class=item-menu>{{ menu_name }}</a></li>
+  {%- endif -%}
+  {%- endfor -%}
 </ul>
diff --git a/prosopopee/themes/material/templates/sections/audio.html b/prosopopee/themes/material/templates/sections/audio.html
new file mode 100644
index 0000000..cf99913
--- /dev/null
+++ b/prosopopee/themes/material/templates/sections/audio.html
@@ -0,0 +1,14 @@
+{% set audio = Audio(section.image) %}
+{% set extension = settings.ffmpeg_audio.extension %}
+{% if extension == "mp3" %}
+{% set format = "mpeg" %}
+{% else %}
+{% set format = extension %}
+{% endif %}
+{{ audio.copy() }}
+<div class="audio-player">
+  <h2>{% if section.title %}{{ section.title }}{% else %}{{ audio }}{% endif %}</h2>
+<audio controls preload=none>
+  <source src="{{ audio }}.{{ extension }}" type="audio/{{ format }}">
+</audio>
+</div>
diff --git a/prosopopee/themes/material/templates/sections/bordered-picture.html b/prosopopee/themes/material/templates/sections/bordered-picture.html
index bb94d36..4c9795b 100644
--- a/prosopopee/themes/material/templates/sections/bordered-picture.html
+++ b/prosopopee/themes/material/templates/sections/bordered-picture.html
@@ -1,5 +1,6 @@
 {% if section.image.type == "video" %}
 {% set video = Video(section.image) %}
+{% set format = settings.ffmpeg.extension %}
 {% else %}
 {% set image = Image(section.image) %}
 {% set caption = section.text %}
@@ -7,30 +8,29 @@
 {% endif %}
 {% if section.background %}
 <div style="padding: 1px 0px;background: {{ section.background }};">
+  {% endif %}
+  <div class="bordered-picture baguette caption">
+    {% if video %}
+    <img class="responsive-img lazy z-depth-2" data-original="{{ video.generate_thumbnail("2000") }}" alt="">
+    <video class="lazy responsive-video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted="">
+      <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
+    </video>
+    {% else %}
+    <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
+       data-at-450="{{ image.generate_thumbnail("x450") }}"
+       data-at-800="{{ image.generate_thumbnail("x800") }}"
+       data-at-1366="{{ image.generate_thumbnail("x1366") }}"
+       data-at-1920="{{ image.generate_thumbnail("x1920") }}"
+       >
+       <img class="responsive-img lazy z-depth-2" data-original="{{ image.generate_thumbnail("x2000") }}" alt="">
+       {% if caption %}
+       <div class="caption__overlay card-panel center">
+         <h5 class="black-white">{{ caption }}</h5>
+       </div>
+       {% endif %}
+    </a>
     {% endif %}
-    <div class="bordered-picture baguette caption">
-        {% if video %}
-        <img class="lazy" data-original="{{ video.generate_thumbnail("2000") }}" alt="">
-        <video class="lazy" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted="">
-            <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
-        </video>
-        {% else %}
-        <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
-            data-at-450="{{ image.generate_thumbnail("x450") }}"
-            data-at-800="{{ image.generate_thumbnail("x800") }}"
-            data-at-1366="{{ image.generate_thumbnail("x1366") }}"
-            data-at-1920="{{ image.generate_thumbnail("x1920") }}"
-            >
-            <img class="responsive-img lazy" data-original="{{ image.generate_thumbnail("x2000") }}" alt="">
-            {% if caption %}
-            <div class="caption__overlay card-panel center">
-                <h5 class="black-white">{{ caption }}</h5>
-            </div>
-            {% endif %}
-        </a>
-        {% endif %}
-    </div>
-    {% if section.background %}
+  </div>
+  {% if section.background %}
 </div>
 {% endif %}
-
diff --git a/prosopopee/themes/material/templates/sections/full-picture.html b/prosopopee/themes/material/templates/sections/full-picture.html
index 819de2c..abb2f28 100644
--- a/prosopopee/themes/material/templates/sections/full-picture.html
+++ b/prosopopee/themes/material/templates/sections/full-picture.html
@@ -1,32 +1,33 @@
 <div class="parallax-container z-depth-2 valign-wrapper">
-    <div class="parallax">
+  <div class="parallax">
     {% if section.image.type == "video" %}
-        {% set video = Video(section.image) %}
-        <img class="lazy" src="{{ video.generate_thumbnail("720") }}">
-        <video autoplay loop muted class="fillWidth">
-            <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
-        </video>
+    {% set format = settings.ffmpeg.extension %}
+    {% set video = Video(section.image) %}
+    <img class="lazy" src="{{ video.generate_thumbnail("720") }}">
+    <video autoplay loop muted class="fillWidth">
+      <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
+    </video>
     {% else %}
-        {% set image = Image(section.image) %}
-        {{ image.copy() }}
-        <img class="responsive-img" src="{{ image }}">
+    {% set image = Image(section.image) %}
+    {{ image.copy() }}
+    <img class="responsive-img" src="{{ image }}">
     {% endif %}
-    </div>
+  </div>
 
-    {% if section.text %}
-        <div class="parallax-tittle white-text">
-            <h1>{{ section.text.title }}</h1>
-            <h2>{{ section.text.sub_title }}</h2>
+  {% if section.text %}
+  <div class="parallax-tittle white-text">
+    <h1>{{ section.text.title }}</h1>
+    <h2>{{ section.text.sub_title }}</h2>
 
-            {% if section.text.date_end %}
-                <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}  to {{ section.text.date_end.strftime("%d %B %Y") }}</div>
+    {% if section.text.date_end %}
+    <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}  to {{ section.text.date_end.strftime("%d %B %Y") }}</div>
 
-            {% else %}
-                {% if section.text.date %}
-                    <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}</div>
-                {% endif %}
-            {% endif %}
-
-        </div>
+    {% else %}
+    {% if section.text.date %}
+    <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}</div>
     {% endif %}
+    {% endif %}
+
+  </div>
+  {% endif %}
 </div>
diff --git a/prosopopee/themes/material/templates/sections/pictures-group.html b/prosopopee/themes/material/templates/sections/pictures-group.html
index cb2790a..9f9eabb 100644
--- a/prosopopee/themes/material/templates/sections/pictures-group.html
+++ b/prosopopee/themes/material/templates/sections/pictures-group.html
@@ -1,52 +1,51 @@
 {% if section.background %}
-    <div id="bg-section" style="background: {{ section.background }};">
-{% endif %}
-
-<div class="container baguette">
-    <div class="row">
-        {% for line in section.images %}
-            {% set number = line|length %}
-            {% for image in line %}
-                <div class="col s12 m{{24 // number }} l{{12 // number }}">
-                    <div class="card">
-                        {% if image.type == "video" %}
-                            {% set video = Video(image) %}
-                            {{ video.copy() }}
-                            <div class="picture card-image">
-                                <img class="lazy" data-original="{{ video.generate_thumbnail("600") }}">
-                                <video class="lazy" id="video" poster="{{ video.generate_thumbnail("600") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted="">
-                                    <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
-                                </video>
-                            </div>
-                            {% set video = "" %}
-                        {% else %}
-                            {% set caption = image.text %}
-                            {% set image = Image(image) %}
-                            {{ image.copy() }}
-
-                            <div class="picture card-image caption">
-                                <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
-                                    data-at-450="{{ image.generate_thumbnail("x450") }}"
-                                    data-at-800="{{ image.generate_thumbnail("x800") }}"
-                                    data-at-1366="{{ image.generate_thumbnail("x1366") }}"
-                                    data-at-1920="{{ image.generate_thumbnail("x1920") }}"
-                                    >
-                                    <img class="lazy" data-original="{{ image.generate_thumbnail("x600") }}">
-                                    {% if caption %}
-                                    <div class="caption__overlay center">
-                                        <h5 class="caption__overlay__title">{{ caption }}</h5>
-                                    </div>
-                                    {% endif %}
-                                </a>
-                            </div>
-                        {% endif %}
-                    </div>
-                </div>
-            {% endfor %}
-        {% endfor %}
+<div class="bg-section" style="background: {{ section.background }};">
+  {% endif %}
+  <section class="container pictures-group baguette">
+    {% for line in section.images %}
+    <div class="pictures-line">
+      {% for image in line %}
+      <div class="picture caption">
+        {% if image.type == "video" %}
+        {% set caption = image.text %}
+        {% set video = Video(image) %}
+        {% set format = settings.ffmpeg.extension %}
+        {{ video.copy() }}
+        <img class="z-depth-2 lazy responsive-img" data-original="{{ video.generate_thumbnail("600") }}" src="" alt="">
+        <video class="lazy responsive-video" id="video" poster="{{ video.generate_thumbnail("600") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
+          <source src="{{ video }}.{{ format }}" type="video/{{ format }}">
+        </video>
+        {% if caption %}
+        <div class="caption__overlay">
+          <h5 class="caption__overlay__title">{{ caption }}</h5>
+        </div>
+        {% endif %}
+        {% else %}
+        {% set caption = image.text %}
+        {% set image = Image(image) %}
+        {{ image.copy() }}
+        <a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
+           data-at-450="{{ image.generate_thumbnail("x450") }}"
+           data-at-800="{{ image.generate_thumbnail("x800") }}"
+           data-at-1366="{{ image.generate_thumbnail("x1366") }}"
+           data-at-1920="{{ image.generate_thumbnail("x1920") }}"
+           >
+           <img class="lazy responsive-img z-depth-2" src="" data-original="{{ image.generate_thumbnail("x600") }}" alt="">
+           {% if caption %}
+           <div class="caption__overlay">
+             <h5 class="caption__overlay__title">{{ caption }}</h5>
+           </div>
+           {% endif %}
+        </a>
+        {% endif %}
+      </div>
+      {% if not loop.last %}
+      <div class="separator"></div>
+      {% endif %}
+      {% endfor %}
     </div>
+    {% endfor %}
+  </section>
+  {% if section.background %}
 </div>
-
-{% if section.background %}
-    </div>
 {% endif %}
diff --git a/prosopopee/themes/material/templates/share.html b/prosopopee/themes/material/templates/share.html
index d0919eb..6ed4798 100644
--- a/prosopopee/themes/material/templates/share.html
+++ b/prosopopee/themes/material/templates/share.html
@@ -1,11 +1,11 @@
 {% set absolute_url = settings.url + "/" + link -%}
 <div class="fixed-action-btn horizontal click-to-toggle" style="bottom: 45px; right: 24px;">
     <a class="btn-floating btn-large red">
-        <i class="mdi-content-add"></i>
+        <i class="fa fa-bars"></i>
     </a>
     <ul>
         <li>
-            <a href="../" class="btn-floating btn-large red"><i class="mdi-action-home"></i></a>
+            <a href="../" class="btn-floating btn-large red"><i class="fa fa-home"></i></a>
         </li>
         <li>
             <a class="btn-floating grey lighten-3" href="https://twitter.com/share?text={{ gallery.name }}&url={{absolute_url}}{%if gallery.tags %}&hashtags={% for tag in gallery.tags -%}{{ tag }}{% if not loop.lirst and not loop.last %},{% endif %}{% endfor -%}{% endif -%}"  target="_blank"><i class="fa fa-twitter-square grey-text"></i></a>