From: Guillaume Pellerin <guillaume.pellerin@ircam.fr>
Date: Mon, 19 Jul 2021 03:51:43 +0000 (+0200)
Subject: re-add video poster, fix media width on responsive
X-Git-Tag: 2.4.4~1
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=154b02f11a2f13723b24539495a099018a4791f4;p=teleforma.git

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 c07bbbb2..cecb14e9 100644
--- 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 adade608..dcb34b3e 100644
--- 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">