Sample

div class="col-lg-9 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <small>Select Player: <select id="quality" name="quality" onchange="changeQuality();">
            <option value="6362">Netu.tv</option>
          </select>
        </small>
        <hr />
        <div id="vidContainer">
          <div style="height: 0px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;">
            <iframe allowfullscreen="true" frameborder="0" height="430" mozallowfullscreen="true" scrolling="no" src="https://hqq.to/e/6DreDV6wUKns" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" webkitallowfullscreen="true" width="700"></iframe>
        </div>
        <small>
          <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>Info: </strong> Please wait atleast 45s to load the video, if the video does not play.. please refresh. <button aria-label="Close" class="close" data-dismiss="alert" type="button">
              <span aria-hidden="true">×</span>
            </button>
          </div>
        </small>
        <hr />