artplayer-plugin-playlist

Playlist plugin for ArtPlayer

Usage no npm install needed!

<script type="module">
  import artplayerPluginPlaylist from 'https://cdn.skypack.dev/artplayer-plugin-playlist';
</script>

README

artplayer-plugin-playlist

Playlist plugin for ArtPlayer

Demo

Checkout the demo from Github Pages

Install

Install with npm

$ npm install artplayer-plugin-playlist

Or install with yarn

$ yarn add artplayer-plugin-playlist

import artplayerPluginPlaylist from 'artplayer-plugin-playlist';
import 'artplayer-plugin-playlist/dist/artplayer-plugin-playlist.css';

Or umd builds are also available

<link rel="stylesheet" href="path/to/artplayer-plugin-playlist.css" />
<script src="artplayer-plugin-playlist.js"></script>

Will expose the global variable to window.artplayerPluginPlaylist.

Usage

var art = new Artplayer({
    container: '.artplayer-app',
    url: 'path/to/video.mp4',
    plugins: [
        artplayerPluginPlaylist([
            {
                title: 'video01',
                url: 'path/to/video01.mp4',
            },
            {
                title: 'video02',
                url: 'path/to/video02.mp4',
            },
        ]),
    ],
});

// Show Playlist
art.plugins.artplayerPluginPlaylist.show();

// Hide Playlist
art.plugins.artplayerPluginPlaylist.hide();

// Next Playlist item
art.plugins.artplayerPluginPlaylist.next();

// Prev Playlist item
art.plugins.artplayerPluginPlaylist.prev();

License

MIT © Harvey Zack