OO-4381: handle gracefully question larger than the video

src/main/java/org/olat/modules/video/ui/_content/video_markers.html

 #foreach($marker in $markers)
 <div id="marker_${marker.id}" class="mejs__overlay o_video_marker" style="" #if($r.isTrue($dragMarkers)) draggable="true" #end>$r.xssScan($marker.text)</div>
 <script>
-/* <![CDATA[ */
 jQuery(function() {
 	var containerEl = jQuery(".mejs__container");
 	var top = ${marker.top} * containerEl.height();
@@ -53,6 +52,5 @@ jQuery(function() {
 	
 	setTimeout(function() { BFormatter.formatLatexFormulas('marker_${marker.id}'); }, 100);
 });
-/* ]]> */
 </script>
 #end
\ No newline at end of file

src/main/java/org/olat/modules/video/ui/question/_content/item_wrapper.html

-<div class="mejs__overlay o_video_question"> ##o_zoomed_question
+<div id="o_wrap_question_${videoElementId}" class="mejs__overlay o_video_question">
 	$r.render("question")
 </div>
 <script>
-/* <![CDATA[ */
 jQuery(function() {
 	var player = jQuery('#o_so_vid${videoElementId}').data('player');
 	player.pause();
@@ -13,6 +12,11 @@ jQuery(function() {
 		.hide()
 		.css("width", "0%");
 	#end
+	
+	var qtiContainerHeight = jQuery('#o_qti_container').height();
+	var videoHeight = jQuery('#o_so_vid${videoElementId} video').height();
+	if(videoHeight > 0 && videoHeight < qtiContainerHeight) {
+		jQuery('#o_wrap_question_${videoElementId}').addClass('o_video_large_question')
+	}
 });
-/* ]]> */
 </script>

src/main/webapp/static/themes/light/modules/_video.scss

@@ -127,6 +127,20 @@
 	}
 }
 
+.o_video_marker_editor .o_video_question.mejs__overlay {
+	overflow: scroll;
+}
+
+.o_video_question.mejs__overlay.o_video_large_question {
+	align-items: flex-start;
+	padding: 1em 1em 0 1em;
+	z-index: 5;
+	
+	#o_qti_container {
+		border: 1px solid $gray-lighter;
+	}
+}
+
 .o_video_marker {
 	position: absolute;
 	background-color: $o-video-marker-bg-color;
@@ -197,11 +211,6 @@
 	}
 }
 
-.o_video_question.o_zoomed_question #o_qti_container {
-    zoom: 0.5;
-    -moz-transform: scale(0.5);
-}
-
 .mejs__time-rail {
 	.o_video_marker_gray { 
 		background: $gray-dark;