Version: 1.x
Complete Player
The Complete Player is Vime's greatest offering. It enables complete customization of the player. If you'd like to know what features it includes and how it compares to other options then see the getting started page.
#
Installation- NPM
- Yarn
- JSDELIVR
The dist
folder inside the package contains multiple exports:
complete.js
is a UMD development build that can be used directly in the browser via the<script>
tag.complete.esm.js
is intended for use with modern bundlers like Webpack or Rollup.complete.min.js
is a UMD production build that can be used directly in the browser via the<script>
tag.complete.esm.min.js
is an ESM production build that can be used directly in modern browsers via the<script type="module">
tag.
info
- UMD builds are exported under the
Vime
namespace. - If you're using a bundler then it will automatically pull in the correct files.
- If you're using svelte-loader or rollup-plugin-svelte then you'll receive the uncompiled components.
#
Setup- JavaScript
- Svelte
info
See the client-side component API for the complete set of component initialization options.
#
Where to next?To customize the player go to the customization page, and then go to the API section to find out how to interact with the player.
info
- See the provider notes for any provider specific issues or features.
- To see how to set the
src
prop checkout the loading media guide. - If you want more control over which plugins are loaded then see this page.
- You don't need to load any Vime specific icons or CSS, they're all loaded via plugins.
- Vime only has a few basic events, you listen to changes through store subscriptions. For example, if you wanted to get updates on the
currentTime
, you'd subscribe to it. More information can be found here. - This player extends the Standard Player, all the props/methods/events listed here are also available directly from the Complete Player. :::