<!doctype html>
<html>
 <head>
  <title>video events - canplay, then playing</title>
  <script src="../../w3cwrapper.js"></script>
  <script src="../../../Microsoft/common/media.js"></script>
 </head>
 <body>
  <p><a href="http://dev.w3.org/html5/spec/Overview.html#mediaevents">spec reference</a></p>
  <video id="a" autoplay controls>
  </video>
  <div id="log"></div>
  <script>
var t = async_test("setting src attribute on autoplay video should trigger canplay then playing event", {timeout:30000});
var a = document.getElementById("a");
var found_canplay = false;
a.addEventListener("canplay", function() {
  found_canplay = true;
});
a.addEventListener("playing", function() {
  t.step(function() {
   assert_true(found_canplay);
  });
  t.done();
  a.pause();
});
a.src = getAudioURI("http://media.w3.org/2010/05/sound/sound_5") + "?" + new Date() + Math.random();
  </script>
 </body>
</html>