title: How i Can Create a Volume Div For the Iframe where i can Control the Iframe Volume without click on IFrame Volume icon?
body: <p>I want to create a separate div down the iframe where I can control the volume of the iframe without clicking on the iframe volume icon</p>
  <pre><code>Iframe Code is here but it could not run here you can run it in the w3school.com compiler.
  </code></pre>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="entry-content post-body" id="post-body-5924716169213906958"&gt;&amp;nbsp;
      &lt;div class="separator" style="clear:both"&gt;&lt;iframe frameborder="0" height="500" id="thatframe" allowfullscreen="true" scrolling="no" src="https://www.newucp.com/hembedplayer/webcricn02/3/800/500" width="100%"&gt;&lt;/iframe&gt;&lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Frame Source Code is here Because the Code is lengthy and cannot paste here
  <a href="https://www.dropbox.com/s/ml47hstakk177wt/Framea%20Source%20Code.txt?dl=0" rel="nofollow noreferrer">https://www.dropbox.com/s/ml47hstakk177wt/Framea%20Source%20Code.txt?dl=0</a></p>
  <p>Picture of Iframe
  <a href="https://i.stack.imgur.com/2aF3C.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2aF3C.png" alt="Iframe Image" /></a></p>