Versions Compared

Key

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

...

Procedure

Expected Results

Move the mouse cursor over the video; controls will appear. Hover over the Play button.

  • Play button should get a darker background.
  • Tooltip containing "Play" should appear near the Play button.

Click on the Play button. Keep mouse positioned over the button.

  • Video should play.
  • Play button should change to a Pause button.
  • Tooltip text should change to contain "Pause".

Click the Pause button.

  • Video should stop playing.
  • Pause button should change to a Play button.
  • Tooltip should change to contain "Play."

...

Procedure

Expected Results

Move the mouse cursor over the video; controls will appear.
Hover over the Volume button.

  • Volume button should get a darker background.
  • Vertical volume slider at should appear above Volume button.
  • Slider thumb should be at roughly 50%.
  • Slider under the thumb should be a different colour than the slider above the thumb.
  • Tooltip containing "Mute" should appear near the Volume button.

Click the Volume button. Keep mouse positioned over the button.

  • Volume button should change to a Muted button (speaker symbol with an X).
  • Slider thumb should drop to bottom.
  • Tooltip should change to contain "Un-mute".

Click the Volume button again. Keep mouse positioned over the button.

  • Muted button should change to back a Volume button).
  • Slider thumb should return to original position.
  • Tooltip should change to contain "Mute".

Use the mouse to drag the volume slider thumb control up or down.

  • The colours above and below the thumb should continue to fill the available space.

Slide the Volume slider up almost to the top of the slider.
Click the Volume button to mute.
Click the Volume button again to un-mute.

  • While muted, the volume slider thumb should drop to the bottom.
  • Once un-muted, the volume slider should return to where you left it, near the top of the slider.

Slide the Volume slider all the way to the bottom of the slider.

  • Volume button should change to a Muted button (speaker symbol with an X).

Slide the Volume slider up away from the bottom of the slider.

  • Muted button should change back to a Volume button.

Start the video playing (either by clicking in the video area or on the Play button).
While listening to the audio, slide the Volume slider up and down.

  • The volume of the video should be raised and lowered according to the slider.

Test 3: Mouse, Click caption buttonPause the video.

Controls: Caption Controls

Test 4: Mouse, Show caption

  • Procedure
    1. Using the mouse, click "show caption" menu item
  • Expected Results
    • The caption button is highlighted in yellow

Procedure

...

  • The caption menu shows up with these menu items: show caption, the available caption languages

Expected Results

Click the Caption (CC) button

  • Caption button should get a darker background and "CC" should appear inverted (light text on dark background).
  • The caption menu should appear above the button.
  • The caption menu should include a list of languages (English and French) and a "Show Caption" option at the bottom of the menu.
  • The English menu item should be bolded.

Click the Caption button again.

  • The caption menu should disappear.

Click the Caption button again.

  • The caption menu should reappear.

Click the "Show Captions" menu item.

  • The caption menu should disappear.
  • The Captions button should switch to orange on a darker background.

Play the video

  • English captions should appear, synchronized to the audio.

Click the Captions button and select French.

  • Caption should continue to display, but should switch to French captions.

Click the Captions button and select "Hide Captions"

  • The caption menu should disappear.
  • The captions should disappear.
  • The "CC" symbol should return to dark grey text on lighter grey background.

Click the Captions button and select "English"

  • The caption menu should disappear.
  • English captions should display with the video.

Pause the video.

Test 5: Mouse, Click transcript button

...