<div class="text-center" style="margin-top: 30px">
     <iframe src="//player.zaryadye.facecast.net/19-09-11-19-00-ZAR/" width="100%" height="100%" marginheight="0" frameborder="0" marginwidth="0" scrolling="no" allowfullscreen></iframe> <script>
  document.addEventListener('DOMContentLoaded', function (e) {
    const width = document.querySelector('iframe').getBoundingClientRect().width;

    document.querySelector('iframe').style.height = (width / 16 * 9) + 'px';
    
    window.addEventListener('resize', function (e) {
     const width = document.querySelector('iframe').getBoundingClientRect().width;

     document.querySelector('iframe').style.height = (width / 16 * 9) + 'px';
    });
  });
</script>
</div>
<br>