title: How to align videos, their height and wifth and their progress bar on the page
body: <p>I have a function that works fine and videos are played properly but these videos are shown in a single line but I want one video in one line and all the videos should have same width and height.</p>
  
  <pre><code>function appendReturnedVideos(data) {
  
      var $html = $();
  
      $.each(data.videos, function(index, element) { 
          $html = $html.add($("&lt;video/&gt;", { 
              height: 360,
              css: { 'max-width': 480},
              src: element,
              controls: true,
              preload: 'auto' 
          }));
  
          $("#videos").append($html);        
      });
  }
  </code></pre>
  
  <p>HTML part:</p>
  
  <pre><code>&lt;div class="container-fluid" id="myElement"&gt;
      &lt;div id="videos"&gt; &lt;/div&gt;
  &lt;/div&gt;`
  </code></pre>