@banou/media-player 0.4.6 → 0.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +4 -0
- package/package.json +1 -1
- package/src/components/chrome.tsx +3 -0
- package/src/index.tsx +1 -0
package/build/index.js
CHANGED
|
@@ -3062,6 +3062,8 @@ position: relative;
|
|
|
3062
3062
|
display: flex;
|
|
3063
3063
|
justify-content: center;
|
|
3064
3064
|
align-items: center;
|
|
3065
|
+
height: 100%;
|
|
3066
|
+
width: 100%;
|
|
3065
3067
|
|
|
3066
3068
|
& > div:not(:last-of-type) {
|
|
3067
3069
|
position: absolute;
|
|
@@ -3080,6 +3082,7 @@ position: relative;
|
|
|
3080
3082
|
height: 100%;
|
|
3081
3083
|
width: 100%;
|
|
3082
3084
|
background-color: black;
|
|
3085
|
+
object-fit: contain;
|
|
3083
3086
|
}
|
|
3084
3087
|
|
|
3085
3088
|
&.hide {
|
|
@@ -3122,6 +3125,7 @@ position: relative;
|
|
|
3122
3125
|
justify-content: center;
|
|
3123
3126
|
background-color: #111;
|
|
3124
3127
|
height: 100%;
|
|
3128
|
+
width: 100%;
|
|
3125
3129
|
overflow: hidden;
|
|
3126
3130
|
`, lo = ({ options: e, videoElement: t, children: n }) => {
|
|
3127
3131
|
const r = Ue(je), o = $.useActorRef(), a = $.useSelector((m) => m.value), s = $.useSelector((m) => m.context.media.volume), u = $.useSelector((m) => m.context.media.muted), l = $.useSelector((m) => m.context.isReady), [E, d] = Bt("mediaVolume", "1"), [g, S] = Bt("mediaMute", "false"), [y, p] = Z(!0);
|
package/package.json
CHANGED
|
@@ -15,6 +15,8 @@ const style = css`
|
|
|
15
15
|
display: flex;
|
|
16
16
|
justify-content: center;
|
|
17
17
|
align-items: center;
|
|
18
|
+
height: 100%;
|
|
19
|
+
width: 100%;
|
|
18
20
|
|
|
19
21
|
& > div:not(:last-of-type) {
|
|
20
22
|
position: absolute;
|
|
@@ -33,6 +35,7 @@ const style = css`
|
|
|
33
35
|
height: 100%;
|
|
34
36
|
width: 100%;
|
|
35
37
|
background-color: black;
|
|
38
|
+
object-fit: contain;
|
|
36
39
|
}
|
|
37
40
|
|
|
38
41
|
&.hide {
|