XMLWordPrintable

    • Icon: Task Task
    • Resolution: Fixed
    • Icon: Major Major
    • 0.10
    • None
    • None
    • None
    • 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

        Acceptance criteria

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

                Created:
                Updated:
                Resolved:

                  Task DoR

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