@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%; }} jwplayer("player").resize(480, 270); jwplayer('player').setup({ file: ' https://accountapk.livebox.co.in/news36hls/live.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: "" } }); 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"); } }
