content/media/video/test/test_controls.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <title>Media test: controls</title>
   5   <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
   6   <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
   7   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
   8 </head>
   9 <body>
  10 <video id='v1'></video><audio id='a1'></audio>
  11 <video id='v2' controls></video><audio id='a2' controls></audio>
  12 <pre id="test">
  13 <script class="testbody" type="text/javascript">
  14 var v1 = document.getElementById('v1');
  15 var a1 = document.getElementById('a1');
  16 var v2 = document.getElementById('v2');
  17 var a2 = document.getElementById('a2');
  18 ok(!v1.controls, "v1.controls should be false by default");
  19 ok(!a1.controls, "v1.controls should be false by default");
  20 ok(v2.controls, "v2.controls should be true");
  21 ok(a2.controls, "v2.controls should be true");
  22 v2.controls=false;
  23 a2.controls=false;
  24 ok(!v2.controls, "v2.controls should be false");
  25 ok(!a2.controls, "a2.controls should be false");
  26 v2.controls=true;
  27 a2.controls=true;
  28 ok(v2.controls, "v2.controls should be true");
  29 ok(a2.controls, "a2.controls should be true");
  30
  31 </script>
  32 </pre>
  33 </body>
  34 </html>