DEKHO - Header Ads

How to Create Live TV Website in Blogger or WordPress

 How to Create Live TV Website in Blogger or WordPress


<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 class="" 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://m-c036-j2apps.s.llnwi.net/hls/0098.DDNational.in.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>

No comments

Powered by Blogger.