RadioBS - Web TV Widget

by Cristiano Oliveira

HTML

<div class="video-feed" style="padding-top:0;">
<div class="col-lg-12 text-center" style="padding-bottom:56.25%; height:0;">
  <div id="embed_webtv" class="embed-responsive embed-responsive-16by9">
    <div id="image_webtv" class="embed-responsive-item" loading="lazy" src="assets/img/webtv-light.png" alt="WEB TV | TV BRASIL" style="position:absolute; margin:0; padding:0; top:0; left: 0;width: 100%; height: 100%; background:#FFFFFF url(https://ik.imagekit.io/vox/webtv/webtv-light_srB2zOhEq.png?ik-sdk-version=javascript-1.4.3&updatedAt=1654367082882) center center;"></div>
      <a class="play" id="click_webtv" title="Aperte o play para assistir a TV Brasil" href="#"><span class="fa fa-play"></span></a>
  </div>
</div>
</div>

JavaScript

/*************************************************************************/
var video_webtv = "https://aovivo.ebc.com.br/embed-tvbrasil.html";
/*************************************************************************/
var click_webtv = document.getElementById("click_webtv");
var image_webtv = document.getElementById("image_webtv");
var embed_webtv = document.getElementById("embed_webtv");
click_webtv.onclick = function() {playWebTV(video_webtv); return false;}
image_webtv.onclick = function() {playWebTV(video_webtv); return false;}
function playWebTV(src) {
  var frame_webtv = document.getElementById("frame_webtv");
  if(!frame_webtv) {
    embed_webtv.innerHTML = '<iframe id="frame_webtv" class="embed-responsive-item" width="100%" height="100%" src="'+src+'" frameborder="0" allowfullscreen style="position:absolute; margin:0; padding:0; top:0; left: 0;width: 100%; height: 100%; background:#000000 url(https://ik.imagekit.io/vox/webtv/webtv-dark_aUOgWKQNd.png?ik-sdk-version=javascript-1.4.3&updatedAt=1654367082412) center center;"></iframe>';  
  }
}