How to add m3u8 player on blogger platform?

How to add m3u8 player on blogger platform?

The free ones also generate great income thanks to the ads that you can activate on your blog or site, and in this article I will present a great way that will enable you to create m3u8 players on your Blogger blog with ease.


Blogger installation steps:

1. Log in to your Blogger account.


2.

Go to the Appearance section and click on Customize and then choose Edit HTML.


3.

Put the following code below <head> .


<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"/>

3. Place the code below above </body>


<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">

4. After that, put the code below inside the posts where you want to display a video. (Enter the post and press the pen button and choose View HTML and paste the link below).


<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>

Previous Post Next Post