<div class="container-xxl py-5">
    <div class="container">
        <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="width: 100%;height='100%'">
            <h1 class="text-uppercase GoogleFontCairo" style="direction: rtl; text-align: center;">قناة صدى القرأن</h1>

<div class="jw-custom-web-player-container">
<div class="jw-custom-web-player"></div>
<!--<div id="googleifram" style="display:none;" style="position:relative; overflow:hidden; padding-bottom:56.25%"> <iframe id="vediofram" src="chrome-extension://emnphkkblegpebimobpbekeedfgemhof/player.html# http://82.212.74.3:8000/live/2365.m3u8 " width="50%" height="50%" frameborder="0" scrolling="auto" title="sada malaab" style="position:absolute;" allowfullscreen></iframe> </div>-->            
<iframe id='vediofram'src="" width="100%" height="100%" allow="autoplay; frameborder="0" scrolling="auto" title="SADA alquran" style="position:absolute;" allowfullscreen></iframe>
  <video id=example-video height=100% class="video-js vjs-default-skin" width="100%" controls>
  <source
    
     src="http://82.212.74.3:8000/live/2365.m3u8"
     type="application/x-mpegURL">
</video>
<a id="googlelink" style="display:none;" href="https://chrome.google.com/webstore/detail/native-hls-playback/emnphkkblegpebimobpbekeedfgemhof">Add to Chrome to view on google!  ارجو تحميل المشغل من هنا </a>
<script src="video.js"></script>
<script src="videojs.hls.min.js"></script>
<script>
var player = videojs('example-video');
player.play();
</script>
</div>
</div>
</div>
<script>

var isChromium = window.chrome;
var winNav = window.navigator;
var vendorName = winNav.vendor;
var isOpera = typeof window.opr !== "undefined";
var isIEedge = winNav.userAgent.indexOf("Edge") > -1;
var isIOSChrome = winNav.userAgent.match("CriOS");
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
document.getElementById("example-video").style.display = "";
document.getElementById("vediofram").style.display = "none";
  // true for mobile device
  }
  else
{
document.getElementById("example-video").style.display = "none";
document.getElementById("vediofram").style.display = "";
  if (isIOSChrome) {
   // is Google Chrome on IOS
} else if(
  isChromium !== null &&
  typeof isChromium !== "undefined" &&
  vendorName === "Google Inc." &&
  isOpera === false &&
  isIEedge === false
) {
   // is Google Chrome
   /*document.getElementById("googleifram").style.display = "";
   document.getElementById("myElement").style.display = "none";*/
   document.getElementById('vediofram').src = "chrome-extension://emnphkkblegpebimobpbekeedfgemhof/player.html# http://82.212.74.3:8000/live/2365.m3u8";
   document.getElementById("googlelink").style.display = "";
} else { 
   // not Google Chrome 
/*document.getElementById("googleifram").style.display = "none";
   document.getElementById("myElement").style.display = "";*/
   document.getElementById('vediofram').src = "http://82.212.74.3:8000/live/2365.m3u8";
   document.getElementById("googlelink").style.display = "none";
}
}
</script>