Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

custom-media-element

Package Overview
Dependencies
Maintainers
2
Versions
27
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

custom-media-element - npm Package Compare versions

Comparing version 1.0.2-canary.2 to 1.0.2

19

custom-media-element.js

@@ -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 @@

2

package.json
{
"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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc