Spider Blogging - The Ultimate Blogging Solution

Home
How to

How to Create m3u8 Player in Blogger

How to Stream m3u8 links on blogger, Today in this post you will get m3u8 player code for blogger.

Hello Bloggers Today in this Post I am back with another tutorial in which you can create m3u8 Players in blogger also through this you can play certain m3u8 streaming links also.

How to Create m3u8 Player in Blogger
How to Create m3u8 Player in Blogger 

What is m3u8 URL?

A file with the M3U8 file extension is a UTF-8 Encoded Audio Playlist file. An M3U8 file can use absolute paths, relative paths, and URLs to refer to specific media files and/or entire folders of media files. Other text information in an M3U8 file might be comments that describe the contents. M3U8 Files.


m3u8 links used to stream live channels 


How to install on Blogger?

Its not difficult to install the normal video player in blogger, But the normal HTML player won't support m3u8 links sometime so I am giving providing you a Player which works with almost all Live m3u8 links.



Steps to Install on Blogger

  1. First Login to your Blogger Account
  2. Go to Themes Section and Click On Edit HTML
  3. Place the following code below the <head> code

 <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"/>
     4. Place below code above the </body> code


 
 <script src="https://unpkg.com/video.js/dist/video.js"></script>
 <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>f="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
      5. After that Place the below code where you want to display a video.


  <video id="my_video_1" class="video-js vjs-fluid vjs-default-skin" controls preload="auto"
  data-setup='{}'>
    <source src="https://rawcdn.githack.com/Ashwathnrayana/video/9ab8b225369edb7c01897de3d7a08ef94a3511d6/big-buck-bunny/master.m3u8" type="application/x-mpegURL"/>
  </video>
  
<script>
var player = videojs('my_video_1');
player.play();
</script>
       6. Change the highlighted URL with your own m3u8 links .

All most all Live m3u8 links will play with this player, But in some cases the streamer may protect the link from being used by others in that case you cannot use.