title: How to make the YouTube Embed consistent?
body: <p>I noticed that the interface of the YouTube Embed's controls change as per view.</p>
  <p>Here is how it looks in mobile view:
  <a href="https://i.stack.imgur.com/BG5kb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BG5kb.png" alt="YouTube embed controls in mobile view" /></a></p>
  <p>and Here's how its controls look in normal view:</p>
  <p><a href="https://i.stack.imgur.com/JmVQZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JmVQZ.png" alt="Embed in desktop view" /></a></p>
  <p>I want the controls to look the same ( I want the first video's controls to look like the second one ).
  Any help would be highly appreciated.</p>
  <p>Here is the HTML for that video:</p>
  <pre><code>&lt;iframe width=&quot;100%&quot; height=&quot;232px&quot; src=&quot;https://www.youtube-nocookie.com/embed/6kAvCSMkYEI&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>