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 Caption (CC) button.

  • Caption button should get a darker background and "CC" should appear inverted (light text on dark background).
  • Tooltip containing "Captions" should appear near the Captions button.

Click the Caption (CC) button

  • 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.
  • An overlay should appear briefly confirming that captions are turned on, then disappear. The overlay should mention the current language, English. FLUID-4601

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.
  • An overlay should appear briefly confirming the new language choice, French, and that captions are on, then disappear. FLUID-4601

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.
  • An overlay should appear briefly confirming that captions are turned off, then disappear. The overlay should mention the current language, French. FLUID-4601

Click the Captions button and select "English"

  • The caption menu should disappear.
  • English captions should display with the video.
  • An overlay should appear briefly confirming that captions are turned on, then disappear. The overlay should mention the current language, English. FLUID-4601

Pause the video and reload the page.

...