The example presented here allows your visitors to select which video to play by clicking on any of the thumbnails in the playlist. The selected video will be shown in the player; once the video finishes playing, the next one will automatically play.
<script>element just before the
</body>tag, or in an external file. Either way, be sure to load it after your site’s loader code!
<style>element in the
<head>tag, or in an external file.
If you designed your site to be responsive/fluid and want to add a playlist, you will have to start by adding the autoresize attribute to your
<video> elements, and update the playlist’s CSS to get the design you want.
Check out a demo of a responsive playlist (with thumbnails at the bottom of the video).