How to make live tv in blogger

Step 1

First of all you have to log in to Blogger Dashboard. Now you have to go to the page section and click on New Page.

Step 2

Now you have to copy the script given below and go to your new page and paste this script in HTML. Also you have to click on Publish Button. Your Live TV website is ready.

<style> @media screen and (min-width: 200px) and (max-width: 567px) and (orientation: landscape) { html { transform: rotate(-90deg); transform-origin: left top; width: 100vh; overflow-x: hidden; position: absolute; } } @media screen and (min-width: 200px) and (max-width: 767px){ .sticky { top: 0px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); right: 0px; position: fixed; width: 50%; z-index: 1; background-color: black; border: 1px solid white; text-align: center; padding-right:24.5%; padding-left:24.5%; }} @media screen and (min-width: 768px) and (max-width: 1300px){ .sticky { top: 0px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); position: fixed; top: 80%; right: 10px; width: 20%; z-index: 1; background-color: black; border: 1px solid white; text-align: center; padding-right:0%; padding-left:0%; }} </style> <hr /> <div id="myHeader"> <div id="http"> <script src="//content.jwplatform.com/libraries/IDzF9Zmk.js"></script> <div id="player"> </div> <script type="text/javascript"> jwplayer("player").resize(480, 270); jwplayer('player').setup({ file: 'https://ap02.iqplay.tv:8082/iqb8002/3m9n/playlist.m3u8', playbackRateControls: [0.75, 1, 1.25, 1.5], title: 'live tv', width: '100%', aspectratio: '16:9', mute: false, repeat: 'true', autostart: true, primary: 'html5', type: 'm3u8', setFullscreen: true, controls: true, showCode: true, responsive: true, skin: { name: "glow", active: "red", inactive: "", background: "" } }); </script> </div> </div> <script> window.onscroll = function() {myFunction()}; var header = document.getElementById("myHeader"); var sticky = header.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { header.classList.add("sticky"); } else { header.classList.remove("sticky"); } } </script>

Important:

If you change the channel then you can insert your channel m3u8 link and save  your channel will be live.