title: How to display download button in Video in Javascript
body: <p>I am running a Django project and using video.html file for displaying video.</p>
  <p>I have below code which is displaying video, but i want to change the play button of video and also introduce a download button like this <a href="https://i.stack.imgur.com/whupN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/whupN.png" alt="enter image description here" /></a></p>
  <pre><code>     &lt;div class=&quot;row portfolio-container&quot;&gt;
            {% for portfolio in portfolio %}
  
            &lt;div class=&quot;col-lg-4 col-md-6 portfolio-item&quot;&gt;
  &lt;a href=&quot;{{ portfolio.file.url }}&quot; download&gt;
                &lt;video id=&quot;{{portfolio.id}}&quot;  onclick=&quot;videoviews({{portfolio.id}})&quot; class=&quot;video-js vjs-theme-forest&quot;  controls preload=&quot;auto&quot; width=&quot;360&quot; height=&quot;264&quot; data-setup=&quot;{}&quot;&gt;
  
                &lt;button class=&quot;btn&quot;&gt;&lt;i class=&quot;fa fa-download&quot;&gt;&lt;/i&gt; Download&lt;/button&gt;
  
                &lt;source src=&quot;{{ portfolio.file.url }}&quot; type=&quot;video/mp4&quot; &gt;
  
  
                &lt;/video&gt;
               &lt;/a&gt;
                &lt;div class=&quot;mx-auto my-1 col-lg-12 d-block&quot; style=&quot;font-size: 10px;&quot;&gt;
                  &lt;p class=&quot;float-left&quot;&gt;
                    &lt;span class=&quot;font-weight-bold&quot;&gt;Uploaded by:&lt;/span&gt; &lt;a href=&quot;{% url 'profile' username=portfolio.user.username %}&quot;&gt;{{portfolio.user}}&lt;/a&gt;
                  &lt;/p&gt;
  
                   &lt;p class=&quot;float-right&quot;&gt;
                    &lt;span class=&quot;font-weight-bold&quot; id=&quot;views{{portfolio.id}}&quot;&gt;{{portfolio.views}}&lt;/span&gt;
                  &lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  <p>I have attached screenshot of current video frame.
  <a href="https://i.stack.imgur.com/SCVDR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SCVDR.jpg" alt="enter image description here" /></a>
  I am a beginner in Django and Javascript, Please help.</p>