-
Task
-
Resolution: Fixed
-
Major
-
None
-
None
-
None
-
-
Empty show more show less
-
Empty show more show less
-
Yes
-
Basel 36
-
3
A component to display videos.
It should behave similar to the component created for the demo, but have the additional features:
Responsiveness
The dialog should allow the option to scale the video responsively based on the width of the containing element.
For example the dialog could offer a select box "Fill container width" with the following options:
- Do not scale.
- Scale to fill container width (4:3)
- Scale to fill container width (16:9)
(But perhaps the aspect ratio's do not need to be specified, depending on the implementation)
(This is the common approach for responsive video: http://coolestguidesontheplanet.com/videodrome/youtube/)
3rd party embeds
Because users will expect and want to include videos from youtube and vimeo, we should support this.
A switch field with radio-buttons should enable a user to choose between selecting an asset, or specifying an embed code:
Source:
- Asset
- Embed code
If the author chooses Asset - then they see a link field.
If the author chooses Embed code - then they see a multiline text entry field.
A parameter "sourceDefault", allows a developer to choose which option is selected by default.
Of course the other fields apply to both of these sources. (Like the poster image, and whether the width is responsive.)
The implementation of the video component in the demo should be removed and replaced with this one.
The css required for the responsive sizing should be included in a css file:
mtk/webResources/css/video.css
- depends upon
-
MGNLUI-3620 Required field within a complex field renders redundant requirement state related escaped html
- Closed
-
MGNLDEMO-92 Demo of video component (from dam)
- Closed
-
MGNLDEMO-148 Move video component to MTK
- Closed
- relates to
-
MTE-86 Video component dialog has no title
- Closed