title: How do deactive modal dialog by default in videojs?
body: <p>I'm new in video.js. I use it in angular as follows:</p>
  <p><strong>app.component.scss:</strong></p>
  <pre><code>@import &quot;~video.js/src/css/video-js&quot;;
  </code></pre>
  <p><strong>app.component.html:</strong></p>
  <pre><code>&lt;video id=&quot;video-id&quot; class=&quot;video-js&quot;&gt;&lt;/video&gt;
  </code></pre>
  <p><strong>app.component.ts:</strong></p>
  <pre><code>ngOnInit(): void {
     const player = videojs('video-id');
     player.ready(() =&gt; {
         player.src({
             src: 'http://localhost/stream/masterPlayList.m3u8',
             type: 'application/x-mpegURL'
         });
  
     });
  }
  </code></pre>
  <p>but the result is as follow:
  <a href="https://i.stack.imgur.com/0L3GU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0L3GU.png" alt="enter image description here" /></a></p>
  <p>How can I remove extra sections(It marked with red)?</p>