This player is build using the following code.

<script type="text/javascript">
  $(function() {
    $("#osmplayer").osmplayer({
      playlist: 'playlist.xml',
      height: '500px'
    });
  });
</script>
<div id="osmplayer"></div>

Using the following playlist.

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
   <trackList>
      <track>
         <title>YouTube: Batman</title>
         <location>https://www.youtube.com/watch?v=g8evyE9TuYk</location>
      </track>
      <track>
         <title>HTML5: Venom: Let There Be Carnage</title>
         <location>https://vod-progressive.akamaized.net/exp=1661531016~acl=%2Fvimeo-prod-skyfire-std-us%2F01%2F1445%2F23%2F582228796%2F2749419072.mp4~hmac=a5786f40b0e75b3d839ffb39e35b528cd1f29c9a52c16fd67b5073ca4b9769a4/vimeo-prod-skyfire-std-us/01/1445/23/582228796/2749419072.mp4?filename=file.mp4</location>
      </track>
      <track>
         <title>Youtube: Ted</title>
         <location>https://www.youtube.com/watch?v=9fbo_pQvU7M</location>
         <image>https://cdn.shopify.com/s/files/1/0057/3728/3618/products/dd23bb39a78cd9bc8b3f8508ece20383_3dc52a9e-a78a-40d9-92ef-70e10719ae1e_480x.progressive.jpg?v=1573593974</image>
      </track>
      <track>
         <title>HTML5: Operation Fortune: Ruse de guerre</title>
         <location>https://vod-progressive.akamaized.net/exp=1661531184~acl=%2Fvimeo-prod-skyfire-std-us%2F01%2F1025%2F26%2F655127917%2F3008261417.mp4~hmac=f507730fc4333f447d60e2079c1585a841edfb3384f60ffd31ab54680704e716/vimeo-prod-skyfire-std-us/01/1025/26/655127917/3008261417.mp4?filename=file.mp4</location>
         <image>https://cdn.shopify.com/s/files/1/0057/3728/3618/products/operation-fortune_dkhqsllw_480x.progressive.jpg?v=1653496586</image>
      </track>
      <track>
         <title>Youtube: Doctor Strange in the Multiverse of Madness</title>
         <location>https://www.youtube.com/watch?v=Rt_UqUm38BI</location>
         <image>https://cdn.shopify.com/s/files/1/0057/3728/3618/products/doctor-strange-in-the-multiverse-of-madness_wjx1jpyh_480x.progressive.jpg?v=1649951107</image>
      </track>
      <track>
         <title>HTML5: Free Guy</title>
         <location>https://vod-progressive.akamaized.net/exp=1661531147~acl=%2Fvimeo-prod-skyfire-std-us%2F01%2F2298%2F22%2F561494557%2F2655315221.mp4~hmac=d984aac6a58778ce1e1787007cb54fbef2abac59743f958b8cb811848ca0eb2f/vimeo-prod-skyfire-std-us/01/2298/22/561494557/2655315221.mp4?filename=file.mp4</location>
         <image>https://cdn.shopify.com/s/files/1/0057/3728/3618/products/free-guy_1xfacsl5_85289824-fe5b-4b64-b100-1abb166f081b_480x.progressive.jpg?v=1629234528</image>
      </track>
      <track>
</playlist>