@meduza/ui-kit-2 1.0.1 → 1.0.3

package/dist/ui-kit-game.css

@@ -2590,6 +2590,10 @@
   height: 100%;
 }
 
+.EmbedBlock-module_proportional__zDPfm .EmbedBlock-module_isDefaultVideo__UTW9Q video {
+  position: static;
+}
+
 .EmbedBlock-module_objectWrap__qpbni img,
 .EmbedBlock-module_objectWrap__qpbni video {
   width: 100%;

package/dist/ui-kit.css

@@ -2590,6 +2590,10 @@
   height: 100%;
 }
 
+.EmbedBlock-module_proportional__zDPfm .EmbedBlock-module_isDefaultVideo__UTW9Q video {
+  position: static;
+}
+
 .EmbedBlock-module_objectWrap__qpbni img,
 .EmbedBlock-module_objectWrap__qpbni video {
   width: 100%;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/EmbedBlock/EmbedBlock.module.css

@@ -65,6 +65,10 @@
   height: 100%;
 }
 
+.proportional .isDefaultVideo video {
+  position: static;
+}
+
 .objectWrap img,
 .objectWrap video {
   width: 100%;

package/src/EmbedBlock/EmbedBlock.tsx

@@ -102,8 +102,18 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
         if (platform === 'mirror' && videoFileUrl) {
           return (
             <div className={styles.object}>
-              <div className={styles.objectWrap}>
-                <video src={videoFileUrl} controls />
+              <div
+                className={makeClassName([
+                  [styles.objectWrap, true],
+                  [styles.isDefaultVideo, true]
+                ])}
+              >
+                <video
+                  src={videoFileUrl}
+                  controls
+                  playsInline
+                  preload="metadata"
+                />
               </div>
             </div>
           )