title: HTML Height/Width Attribute Overwrite for Small Screens
body: <p>I'm embedding Addpipe recorder for a project and it takes Height and Width attributes in HTML, but that sets it to a fixed size and it's not scaling down for smaller screens. Is there any way to overwrite those set attributes in CSS or JavaScript?</p>
  
  <p>I've tried setting the Height and Width attribute values to percentage and auto, but the recorder disappears. It needs to be either a <code>4:3</code> or <code>16:9</code> ratio. The website is made responsive using media queries. I need the dimension of the Piperecorder to change for screens smaller than 800px. I'm a beginner web designer, and would really appreciate any help. Thanks!</p>
  
  <p>You can check out how it looks so far here: <a href="https://fewnew.github.io/YNWA-web" rel="nofollow noreferrer">https://fewnew.github.io/YNWA-web</a></p>
  
  <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;!-- begin video recorder code --&gt;
  &lt;link rel="stylesheet" href="//cdn.addpipe.com/2.0/pipe.css" /&gt;
  &lt;script type="text/javascript" src="//cdn.addpipe.com/2.0/pipe.js"&gt;&lt;/script&gt;
  &lt;piperecorder id="custom-id" pipe-width="640" pipe-height="390" pipe-qualityurl="avq/360p.xml" pipe-accountHash="22864bed1e4827f6798d501706aeb89f" pipe-eid="1" pipe-mrt="120"&gt;&lt;/piperecorder&gt;
  &lt;!-- end video recorder code --&gt;</code></pre>
  </div>
  </div>
  </p>