XMLWordPrintable

Details

    • Task
    • Resolution: Fixed
    • Major
    • 0.10
    • None
    • None
    • None
    • Yes
    • Basel 36
    • 3

    Description

      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

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                fgrilli Federico Grilli
                czimmermann Christopher Zimmermann
                Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoR

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 1.25d
                      1.25d