Comments (2)
Hey @gottlike nah that size is right, the UMD exports are legacy files so it's been transpiled with Babel to work with IE11. The files you want to be looking at are lite.esm.js
and lite.esm.min.js
since they are for modern browsers. In your application you would use the module/nomodule pattern so something like this
<script type="module" src="https://cdn.jsdelivr.net/npm/@vime-js/lite/dist/lite.esm.min.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@vime-js/lite/dist/lite.min.js" defer></script>
Even for IE11 the file compresses well down to 25.8 kB
. In addition, when you're using a bundler like Webpack or Rollup you would automatically pull in lite.esm.js
. If you needed IE11 support for your web app you could transpile it with Babel, and then you would put this in a separate "chunk" so it's loaded very infrequently and cached. Frameworks like Next.js and Nuxtjs automatically do this via code-splitting. Therefore the majority of the size of lite.min.js
is irrelevant I'd say.
from vime.
Okay, makes sense.. thanks for explaining!
from vime.
Related Issues (20)
- How can i put my webvtt subtitles HOT 1
- vm-scrim only covers half of the video HOT 1
- HLS live stream playback configuration
- Many bugs here - I think you should read this Before trying the package HOT 2
- Player keeps loading after setting different aspect ratio HOT 1
- HTML custom control onclick HOT 1
- vm-embed is cropped when inside vm-player
- installation problem on react18 HOT 3
- Import issue on angular 16 HOT 1
- Player goes over 100% of page
- Destroy Player HOT 2
- Not compatible with Svelte 4... HOT 3
- Add playsinline attribute
- How to import vime locally without using type="module"
- Vime to Vidstack Update HOT 6
- Warning when building an app using Vite 5
- Peer dependency error with @vime/[email protected] and angular 14
- TypeError: Cannot read properties of undefined (reading 'trim') HOT 6
- Polyfilled scripts don't load if there aren't <script> tags
- Firefox issue with Youtube URLs
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vime.