title: how to prevent iframe caching in chrome?
body: <p>i know this question has been asked many times but i still cant get this to work. I think it would help for someone to come up with a solution based around my situation. </p>
  
  <p>i have a random-video.php page that generates a random video from an array, this works fine and doesn't cache in chrome: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php
  $array = [
      "http://www.mentor-distribution.com/media/Introducing_MConnect.mp4",
      "http://www.mentor-distribution.com/media/hs_freedom_chair.mp4",
   "http://www.mentor-distribution.com/media/quickstand.mp4",
   "http://www.mentor-distribution.com/media/MFlex.mp4"
  ];
  $randomIndex = array_rand($array);
  $random = $array[$randomIndex];
  ?&gt;
  
  &lt;iframe width="320" height="187" frameborder="0" allowfullscreen src="&lt;?php echo htmlspecialchars($random); ?&gt;"&gt;&lt;/iframe&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the section html page trying to display the random video each time, but once loaded it doesn't change video until you clear cache:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="rightsidevid"&gt;&lt;iframe width="320" height="187" src="http://mentor-distribution.com/internal/random-video.php" frameborder="0" scrolling="no" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If anyone can help it would be greatly appreciated. I'm sure you can achieve this by having a number at the end of the url (e.g. url?RandomGenNumber), but I am not sure how to do this.</p>