[MCL-19] Video Created: 11/Dec/23  Updated: 11/Dec/23

Status: Open
Project: Magnolia Component Library
Component/s: Core Content
Affects Version/s: None
Fix Version/s: None

Type: Story Priority: Neutral
Reporter: Raymond Tran Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Cloners
clones MCL-11 Image In Progress
Template:
Acceptance criteria:
Acceptance Criteria
[ ]* Component is called "Video"
[ ]* Uses picture element to render resized thumbnail image for each breakpoint width
[ ]* Uses video element or embed code from Vimeo / TwentyThree / YouTube
[ ]* Supports captions/subtitles via track element
Documentation Acceptance Criteria
[ ]* Allows image to be selected as a thumbnail from the DAM - see MCL-11
[ ]* Resized images obey focal point / area selected for each breakpoint in the DAM asset for Thumbnail
[ ]* Contains Title, Description and Examples
[ ]* Contains FTL and YAML code
Content Author Acceptance Criteria
[ ]* Component can be added to any page template in Column area of a Row component only.
[ ]* Class and CSS can be overridden in the Dialog
[ ]* Alt text override for thumbnail can be configured in Dialog
[ ]* Selected Video is mandatory
[ ]* Supports selecting mp4 and webp video files from the DAM
[ ]* If a video has been selected via an embed code, thumbnail / alt text / captions are not supported.
[ ]* Supports selecting a video from Vimeo / TwentyThree / YouTube via an embed code.
[ ]* Supports specifying video caption and credit as overrides. Falls back on video title and copyright fields
[ ]* Supports selecting caption/subtitle tracks (VTT files) that will be output in the markup as track elements.
[ ]* Supports selecting autoplay / loop / mute setting (disabled by default)
[ ]* Preload auto / metadata / none can be configured
[ ]* Supports configuring whether player controls are shown
Accessibility Acceptance Criteria
[ ]* Shows alt text from DAM image Description field, Caption field or Title field if not present. Alternatively, shows overridden alt text field from the Video dialog

 Description   

User Story:

As a content author,
I want to create an video component
So that I can place videos onto a content page without involving a developer.

Description:

Exists in MTK as mtk2:components/video

Bootstrap documentation:

https://getbootstrap.com/docs/5.3/content/images/


Generated at Mon Feb 12 04:48:44 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.