title: HTML5 Video loadeddata event does not work in IOS Safari
body: <p>I am trying to trigger an event once a video has loaded the first frame. The code I have used works in desktop browsers that I have tested in but it does not work in mobile safari on IOS. Is there something about the code that is not supported on mobile safari or is there another solution to achieve what I want?</p>
  
  <pre><code>function loadvideo (vidsource){
  
  var vid = document.createElement('video');
  vid.src = vidsource;
  
  alert("Video about to load"); //This works fine in mobile safari
  vid.addEventListener('loadeddata', function() {
  alert("Video Loaded!"); //This does not display in mobile safari
  //Will do something else here
  }, false);
  
  }
  </code></pre>