Provide an out of the box video component so that Page Authors can display videos to a page

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: WCM > Fragments
• Labels:
  • 7.2-sp1-should
  • fc_19_08
  • fc_19_09
  • test_manual_done
  • test_map
• Epic Link: Provide more configurable out of the box fragments

Context

It's very common for page author to have the need to display videos in a site. These videos can either be published in popular platforms like Youtube or a video file uploaded to the Document Library (or elsewhere).

The goal of this Story is to provide an out of the box component that simplifies this task. The page author would just need to add the fragment to the page and specify the URL of the video. The following configuration options should also be provided:

• Width and Height (the default for both is "auto")
  • For youtube videos "auto" means that the width will be 100% and the height should be calculated to follow 16:9 proportions. If only the width is specified, the height should also be calculated to follow 16:9 proportions
  • For video files, the browser automatically calculates the right proportions.
• Alignment (default: left)
• Autoplay (default: false), Loop  (default: false), Mute (default: true), Hide controls (default: false)

Design artifacts

Figma Prototype

Acceptance Criteria

• Direct link to video file
  • Given a Video fragment has been added to the page when the page author configures the fragment and enters a URL pointing to a video file supported by the browser then both in edit mode and view mode the video is shown to the user (who can choose to play it).
• Youtube videos
  • Given a Video fragment has been added to the page when the page author configures the fragment and enters the URL of a Youtube video page (as copied from the browser address bar) or Youtube video share URL then both in edit mode and view mode the video is shown to the user (who can choose to play it).
• Configuration
  • Given a video fragment with a working video URL when the page author changes the configuration of the fragment then it behaves according to the definition above.