title: how can i make a multiple video preview before uploading the multiple selected videos
body: <p>I have been trying to configure the code below in order to achieve a multiple video preview but its not working and it works well with only a single video.
  can someone out their help me please.Thanks</p>
  
  <p>Here is my scripting code for javascript.  </p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;`enter code here`
  
  &lt;script type="text/javascript"&gt;
  
  $(document).on("change", ".file_multi_video", function(evt) {
  
   var files = evt.target.files; // FileList object
  
    for (var i = 0; i &lt; files.length; i++) {
          var f = files[i];
          // Only process video files.
          if (!f.type.match('video.*')) {
              continue;
          }
  
  
    var $source = $('#video_here');
  
        var source = document.getElementById("video_here");
        var source = document.createElement('video');//added now
  
  
     $source[0].src = URL.createObjectURL(this.files[0]);
  
    $source.parent()[0].load();
  
  
    }
  
  
  });
  &lt;/script&gt;
  
        This is my HTML for video 
  
  
  
                                              &lt;video  controls&gt;
  
                                                 &lt;label for="select video"&gt;Select video/Multiple videos&lt;/label&gt;
  
                                                 &lt;source  src="video/*"  id="video_here"&gt;
                                                      Your browser does not support HTML video.
  
                                                    &lt;/video&gt;
  
                  Here is my input type which contains the the file type for selecting files and here i include an attribute multiple for selecting multiple files
  </code></pre>
  
  <p></p>