[MTE-50] HTML5 video Component Created: 08/Oct/15 Updated: 27/Apr/16 Resolved: 23/Mar/16 |
|
| Status: | Closed |
| Project: | Magnolia Templating Essentials |
| Component/s: | None |
| Affects Version/s: | None |
| Fix Version/s: | 0.10 |
| Type: | Task | Priority: | Major |
| Reporter: | Christopher Zimmermann | Assignee: | Federico Grilli |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | 0d | ||
| Time Spent: | 1.25d | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||||||||||||||||||
| Issue Links: |
|
||||||||||||||||||||||||
| Template: |
|
||||||||||||||||||||||||
| Acceptance criteria: |
Empty
|
||||||||||||||||||||||||
| Task DoR: |
Empty
|
||||||||||||||||||||||||
| Release notes required: |
Yes
|
||||||||||||||||||||||||
| Date of First Response: | |||||||||||||||||||||||||
| Epic Link: | LD: components + pages | ||||||||||||||||||||||||
| Sprint: | Basel 36 | ||||||||||||||||||||||||
| Story Points: | 3 | ||||||||||||||||||||||||
| Description |
|
A component to display videos. Responsiveness
3rd party embeds
If the author chooses Asset - then they see a link field. 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: |
| Comments |
| Comment by Philip Mundt [ 14/Mar/16 ] |
|
Added CSS file mtk/css/styles.css also has be added to cssFiles of page template definiton mtk/templates/pages/basic.yaml. |
| Comment by Philip Mundt [ 15/Mar/16 ] |
|
CSS styles for caption/credits comes with default font-color black. Black on black doesn't work out well. This needs adjustment, I'd suggest font-color #ffffff aka white. Aditionally, the rendered video tag (or embed code) always needs to be wrapped in a <div>, so either <div class="scalable-video"> or <div> in order for the caption to be displayed nicely (see rendering part in #macro video). To try this out, use basic page template, add video, turn off scaling and add a caption & credits. |