[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: |
|
||||||||
| 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, Description:Exists in MTK as mtk2:components/video Bootstrap documentation: https://getbootstrap.com/docs/5.3/content/images/ |