title: IE hangout when loading many video tags
body: <p>I have developed a page to load many videos "27 for example".
  In Chrome all videos are loading but in IE some are not loading "showed" in the page.</p>
  
  <p>I did this instead of showing a thumbnail of each video. because I have never did that and I don't know how to do? also didn't understand <a href="https://stackoverflow.com/questions/2043007/generate-preview-image-from-video-file">this way</a></p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;?php
  session_start();
  if(!isset($_SESSION["user_role"])) {
  header("Location:login.php");
  exit();
  }
  ?&gt;
  &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;xxx&lt;/title&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="normalize.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="enStyle.css"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
    &lt;div id="header"&gt;&lt;img id="all" src="logo.png" alt="xxx"/&gt; &lt;/div&gt;
    &lt;div id="row"&gt;
      &lt;h3 class="title"&gt;xxx&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div id="content"&gt;
      &lt;div id="menu-wrapper"&gt;
        &lt;ul class="nav"&gt;
          &lt;?php
  if(isset($_SESSION["user_role"]) &amp;&amp; $_SESSION["user_role"] =='admin')
  {
  echo '&lt;li&gt;&lt;a href="adminIndex.php"&gt;&lt;img src="setting.png" alt="Home Page" style="width:24px;height:24px;border:0;margin:15px 15px 15px 0;"&gt;Control Panel&lt;/a&gt;&lt;/li&gt;';
  }
  else
  {
  echo '&lt;li&gt;&lt;a href="login.php"&gt;&lt;img src="setting.png" alt="Home Page" style="width:24px;height:24px;border:0;margin:15px 15px 15px 0;"&gt;Admin Login&lt;/a&gt;&lt;/li&gt;';
  }
  ?&gt;
          &lt;li&gt;&lt;a href="index.php"&gt;&lt;img src="icon.png" alt="Home Page" style="width:24px;height:24px;border:0;margin:15px;"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="requestVideo.php"&gt; Request Video&lt;/a&gt;&lt;/li&gt;
          &lt;li class="nav-search"&gt;
            &lt;form action="search.php" method="post" enctype="multipart/form-data"/&gt;
  
            &lt;input type="text" name="search" placeholder="Search here..."&gt;
            &lt;input type="submit" name="submit" value=""&gt;
            &lt;/form&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="box"&gt;
        &lt;ul&gt;
          &lt;?php
  $dbhost="xxx";
  $dbuser="xxx";
  $con = mysqli_connect($dbhost,$dbuser, "xxx");
  if (!$con) 
  {
    printf("Connect failed: %s\n", mysqli_connect_error());
    exit();
  }
  
  mysqli_select_db($con,'xxx');
  $query ="SELECT * FROM movies";
  
      $result = mysqli_query($con,$query);
      if ($result)
      {
          $movie = NULL;
      if (mysqli_num_rows($result))
          {
              while($db_field = mysqli_fetch_assoc($result))
              {
  
                  $title = $db_field['title'];
                  $mo = $db_field['file'];
                  ?&gt;
          &lt;?php echo "&lt;li&gt;&lt;a href='playMovie.php?id=".$db_field['ID']."'&gt;".$title."&lt;/a&gt;";?&gt;
          &lt;video controls preload id="viewVideo"&gt;
            &lt;source src='uploadedMovies/&lt;?php echo $mo;?&gt;' type=video/mp4&gt;
          &lt;/video&gt;
          &lt;?php
                  echo "&lt;/li&gt;";
              }
          }
      }
  ?&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong><em>Is there a way to fix this or I must change my method of displaying the videos "using a thumbnail .." ?</em></strong></p>