If you want to host your own video or live streaming (m3u8) inside the blogger platform using the Clappr player. See the tutorial below.

To be able to embed or host your live stream, you will need to install or put the Clappr player code inside your blog post or page.


1. First, copy and paste the given code below on your blog (HTML).
<script type="text/javascript" src="https://cdn.jsdelivr.net/clappr/latest/clappr.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/clappr.level-selector/latest/level-selector.min.js"></script>
<div id="vid"></div>
<script>
 player = new Clappr.Player({
 source: "http://194.67.208.149/hls/105.m3u8",
 mimeType: "application/x-mpegURL",
 autoPlay: true, 
 height: "480",
 width: "100%",
 plugins: {"core": [LevelSelector]}, 
 parentId: "#vid"});
</script>

2. Just replace the source with your own live streaming m3u8 link or HSL link.

3. When done, save or publish your post/page.

4. Done!

CUSTOMIZE:
a. If you want the video or live to disable auto play just set it to false or remove the whole code.
b. You can change the value of width and height to the value that you want.

LIVE DEMO:



Note: If your m3u8/HLS link is http and your website is https, the stream will not load. So make your your website has both the http and https option.