Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Procedure

Expected Results

Reload the page

 

Move the mouse cursor over the video; controls will appear.
Hover over the Full-screen button.

  • Full-screen button should get a darker background.
  • Tooltip containing "Full screen" should appear near the Full-screen button.

Click the Full-screen button

  • The video should switch into full-screen mode.
  • The video controls should be visible along the bottom of the screen.
  • The Full-screen button icon should switch to a 'small-screen' icon.
  • A message that states "Press ESC to return to exit full screen" (or similiar) should appear along the top.

Do not move the mouse or press any keys for a short time.

  • The controls should disappear.

Move the mouse.

  • The controls should reappear.

Test the mouse functionality as described above. :

  • Play / pause
  • Volume
  • Captions
  • Full screen / exit full screen
  • All controls should function as they would in non-full-screen mode.
  • (Coming soon: expanded description of expected behaviour)

Click the Full-screen button again.

  • The video should switch back to its original size.

Click the Full-screen button again.

  • The video should switch into full-screen mode again.

Press the Escape key.

  • The video should switch back to its original size.

Reload the page

Keyboard Functionality

Basic Play/Pause

...