custom-media-element
Advanced tools
Comparing version 1.0.2-canary.2 to 1.0.2
@@ -51,9 +51,4 @@ /** | ||
:host { | ||
display: inline-block; | ||
display: inline-flex; | ||
line-height: 0; | ||
} | ||
#container { | ||
min-height: 100%; | ||
display: flex; | ||
flex-direction: column; | ||
@@ -67,3 +62,2 @@ justify-content: end; | ||
</style> | ||
<div id="container"></div> | ||
<slot></slot> | ||
@@ -83,12 +77,6 @@ `; | ||
#container { | ||
min-height: 100%; | ||
} | ||
video { | ||
max-width: 100%; | ||
max-height: 100%; | ||
min-width: 100%; | ||
max-height: 100%; | ||
${/* min-height: 100%; without a container causes a Safari glitch making the video higher | ||
than 100% but it is needed to expand the video element when no content is loaded yet. */''} | ||
min-height: 100%; | ||
@@ -104,3 +92,2 @@ object-fit: var(--media-object-fit, contain); | ||
</style> | ||
<div id="container"></div> | ||
<slot></slot> | ||
@@ -279,3 +266,3 @@ `; | ||
nativeEl.part = tag; | ||
this.shadowRoot.querySelector('#container')?.append(nativeEl); | ||
this.shadowRoot.append(nativeEl); | ||
} | ||
@@ -282,0 +269,0 @@ |
{ | ||
"name": "custom-media-element", | ||
"version": "1.0.2-canary.2", | ||
"version": "1.0.2", | ||
"description": "A custom element for extending the native media elements (<audio> or <video>)", | ||
@@ -5,0 +5,0 @@ "type": "module", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
0
18207
347