-----------------------------------------

To use this Sample Video Playlist Code: 

1) On the Source Tab, copy the entire code block above the line, I am borrowing the Video Files from CMSbyCW (these are sample videos that I've had for a bit, for testing, so the credits go to whoever made them),

2) Add a New Page or Post. then paste the code block.

3) All you need to change are the following:  src (exact file path of your mp4 video), and data-title, like so (in red font):  

<button data-src="https://www.cmsbycw.com/assets/images/Log.mp4" data-title="Log">Log</button>
<button data-src="https://www.cmsbycw.com/assets/images/Spoon.mp4" data-title="Spoon">Spoon</button>
<button data-src="https://www.cmsbycw.com/assets/images/The-Philosophy-of-Liberty1.mp4" data-title="Philosophy of Liberty">Philosophy of Liberty</button>

This Sample Video Playlist is programmed to:

1) Highlight what is playing in the Playlist

2) Go to the next video file

3) When the last video file is played, it loops again to the first video file.  

4) This has a Play/Pause and, Unmute/Mute toggle buttons.  

5) Has Restart, Previous, Next buttons, Rewind and Fast Forward 10 seconds, and a video timer.

Hope you find this useful too!