Fix broken embed mode for videojs

This was broken after the rewrite to use the lazy loaded player in a
dialog.

(Slight adjustment to fix linting error from earlier patch.)

Bug: T293136
Change-Id: I7cbc939a4f0fa7a9c2676d4e41bfee1f473d8a7f

resources/embedPlayerIframe.css

@@ -10,15 +10,32 @@ body {
 	padding: 0;
 }
 
-#videoContainer .videoHolder { /* stylelint-disable-line selector-max-id */
+/* stylelint-disableselector-max-id */
+
+#videoContainer .videoHolder {
 	position: static;
 }
 
-#videoContainer { /* stylelint-disable-line selector-max-id */
+#videoContainer,
+#videoContainer .mw-tmh-player {
 	width: 100%;
 	height: 100%;
 	background-color: #000;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }
+
+/* poster and preload */
+#videoContainer .mw-tmh-player video {
+	width: 100%;
+	max-height: 100%;
+	object-fit: contain;
+}
+
+/* post load of videojs */
+#videoContainer .video-js {
+	width: 100%;
+	height: 100%;
+	padding-top: 0;
+}