re-add video poster, fix media width on responsive

diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css
index c07bbbb2f545f7219357660587bab04587bf9c0a..cecb14e92ad906748c9df9733636d1c87dc252c9 100644 (file)
--- a/teleforma/static/teleforma/css/teleforma.css
+++ b/teleforma/static/teleforma/css/teleforma.css
@@ -1771,17 +1771,6 @@ form.add_actus #id_text_parent{
        height: auto;
 }
 
-.course_media .video-js .vjs-poster{
-       position: absolute;
-       left: 0;
-       width: 100%;
-       height: auto;
-         top: 50%; /* poussé de la moitié de hauteur du référent */
-         -ms-transform: translateY(-50%); /* IE 9 */
-         -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
-         transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
-}
-
 #media_infos {
     background-color: #FFF;
     padding: 0.3em 0.8em 0.3em 0.8em;
@@ -3232,7 +3221,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
                max-width: 100%;
        }
        .content_video table.listing tbody td:first-child{
-               width: 32%!important;
+               width: 100%!important;
        }
        .content_video table.listing tbody td:nth-child(2){
                width: 100%!important;

diff --git a/teleforma/templates/teleforma/course_media.html b/teleforma/templates/teleforma/course_media.html
index adade608fea99e3e5f8122211b8bbaae9e6fe715..dcb34b3e2969a79188dc9988910d246ca0a3f972 100644 (file)
--- a/teleforma/templates/teleforma/course_media.html
+++ b/teleforma/templates/teleforma/course_media.html
@@ -99,6 +99,7 @@ $(document).ready(function(){
         width="100%"
         height="auto"
         data-setup="{}"
+        {% if media.poster_file %}{% thumbnail media.poster_file 640 as im %}poster="{{ im.url }}"{% endthumbnail %}{% endif %}
         >
         <source src="{{ MEDIA_URL }}{{ media.file }}" type="{{ media.mime_type }}" />
         <p class="vjs-no-js">