title: Video controls are not working inside of a list in HTML
body: <p>I'm trying to make a slider in HTML and one of the options has to have a video inside, but when I click on the video option, despite the video showing the controls doesn't work. With autoplay the video starts playing but I can't stop it or do anything to it</p>
  <p>Here's the slider code</p>
  <pre><code>&lt;body&gt;
  &lt;ul class=&quot;slider&quot;&gt;
      &lt;li id=&quot;slide1&quot;&gt;&lt;p class=&quot;texto_diapositiva&quot;&gt;Diapositiva 1&lt;/p&gt;&lt;/li&gt;
      &lt;li id=&quot;slide2&quot;&gt;&lt;p class=&quot;texto_diapositiva&quot;&gt;Diapositiva 2&lt;/p&gt;&lt;/li&gt;
      &lt;li id=&quot;slide3&quot;&gt;&lt;p class=&quot;texto_diapositiva&quot;&gt;Diapositiva 3&lt;/p&gt;&lt;/li&gt;
      &lt;li id=&quot;slide4&quot;&gt;
          &lt;div&gt;
              &lt;video class=&quot;videoCV&quot; controls&gt;
                  &lt;source src=&quot;video/VideoCV_FRE.mp4&quot; type=&quot;video/mp4&quot;&gt;
              &lt;/video&gt;
          &lt;/div&gt;
           &lt;/li&gt;
      &lt;li id=&quot;slide5&quot;&gt;&lt;p class=&quot;texto_diapositiva&quot;&gt;Diapositiva 5&lt;/p&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;nav&gt;
      &lt;ul class=&quot;menu&quot;&gt;
          &lt;li&gt;&lt;a href=&quot;#slide1&quot;&gt;Diapositiva 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#slide2&quot;&gt;Diapositiva 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#slide3&quot;&gt;Diapositiva 3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#slide4&quot;&gt;Diapositiva 4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#slide5&quot;&gt;Diapositiva 5&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;/body&gt; 
  </code></pre>