poster-12.html - mozsearch

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html class="reftest-wait">

<!-- Test: Create video, load, play. Add poster frame, load again, poster should show. -->

<script>

function runTest() {

  var v = document.createElement('video');

  var endTest = function() {

    setTimeout(function(){document.documentElement.className = '';}, 0);

};

  var play =

    function() {

      v.removeEventListener('loadeddata', play);

      v.play();

  var addPoster = function() {

    v.removeEventListener('playing', addPoster);

    v.poster = "blue140x100.png";

    v.addEventListener('loadeddata', endTest);

    v.load();

};

  v.addEventListener('loadeddata',

                     play);

  v.addEventListener('playing',

                     addPoster);

  v.id = 'v';

  v.src = "black140x100.webm";

  v.preload = "auto";

  document.body.appendChild(v);

</script>

<body style="background:white;" onload="runTest();">

</body>

</html>