Unlike WordPress and any other CMS websites, Blogger BlogSpot blogs or websites do not have a CPanel to control its files, download plugins and install it and boom it will do the magic to the site. As a Blogger user for more than a decade already, I always find ways to make certain things work on my Listph.com website. And for this tutorial, I will simply teach you how to embed a JWPlayer inside your own BlogSpot.

This JWPlayer will allow you to play live streams directly inside your own BlogSpot. No need to install a plugin and no need to access administrative privileges. Just copy-paste-save and play.

Table of Contents:

☑ Copying the JWPlayer code
☑ Pasting the code inside Blogger Post/Page
☑ Saving the Post/Page
☑ Playing the Live stream directly from Blogger

Working JWPlayer/m3u8/hls player for Blogger Blogspot

As I mentioned already, Listph.com was made using Blogger or BlogSpot. It only has a domain name that is why the .blogspot extension was gone. If you are also a Blogger user, the code below will definitely work for you too. If you are a WordPress, Joomla or other CMS website user, then, you can also try the code but I don't know if the code will also work for your website.

πŸ‘‰ Let's start. Copy the given code below:
<script src="//jwpsrv.com/library/O4mPlqeTEeK_viIACpYGxA.js"></script>
<div id="my-video">
</div>
<script>// <![CDATA[
jwplayer('my-video').setup({         file: 'PASTE M3U8 LINK HERE',         width: '100%',         height: '450',         autostart: 'false',    image: ''     ,   primary: 'html5', hlshtml: 'true'     });
// ]]></script>
☑ file: you should paste your own m3u8 link on it
☑ autostart: change it to true if you want the live stream to play automatically
☑ image: put a direct image link here, this will work as your live stream preview
☑ height: change this to modify height of your JWPlayer

πŸ‘‰ Now, in your Blogger, create a New Post and from Compose, change it to HTML.

πŸ‘‰ Paste the copied code inside your Post or Page. Save it. Done!

See a live sample of the JWPlayer playing a live streaming below.


Red Bull TV live stream // HLS link: https://rbmn-live.akamaized.net/hls/live/590964/BoRB-AT/master_3360.m3u8

Fashion TV live stream // HLS link: https://fash1043.cloudycdn.services/slive/_definst_/ftv_paris_adaptive.smil/chunklist_b380000_t64MTQ0cA==.m3u8

Important note: If your blogspot or website is in https, then, do not paste a m3u8 link that is in http only. It won't play.