Clappr

<?xml version="1.0" encoding="UTF-8" ?>
<html class='' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr'><head><style type='text/css'/><style type='text/css'>.fancybox-margin{margin-right:0px;}</style>
 <b:skin><![CDATA[
]]></b:skin></head><body><div style='clear:both;'/>
<title>Player</title>
<style>
body{margin:0;padding:0; background: #000; font-family: helvetica, arial, sans-serif; color: #fff; font-size: 28px;}
</style>

<b:section id='fixelements' showaddelement='no'/>

<script type="text/javascript" src="https://cdn.jsdelivr.net/clappr/latest/clappr.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/gh/clappr/clappr-level-selector-plugin@latest/dist/level-selector.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clappr-chromecast-plugin@latest/dist/clappr-chromecast-plugin.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr-pip-plugin@latest/dist/clappr-pip-plugin.js"></script>


  <body>
  <div id="player"></div>
  <script>
    var player = new Clappr.Player({parentId: "#player", autoPlay: "true", plugins: [LevelSelector, ChromecastPlugin, ClapprPIPPlugin], source: "insert_m3u8_here", chromecast: {appId: '9DFB77C0', contentType: 'video/mp4', media: {type: ChromecastPlugin.Movie, title: '/wooo/tube'}}, height:'100%', width:'100%'});
  </script>

</body>
</body></html>