Uploaded image for project: 'Magnolia Demo Projects'
  1. Magnolia Demo Projects
  2. MGNLDEMO-92

Demo of video component (from dam)

    XMLWordPrintable

Details

    • Story
    • Resolution: Fixed
    • Major
    • 0.8
    • None
    • None
    • None
    • Basel 16
    • 5

    Description

      HTML5 solution with simple fallback.
      HTML5 support is actually really good by now. (http://caniuse.com/#feat=mpeg4)

      But lets use a polyfill to support old browsers:
      (sources: http://html5please.com, https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)
      Two good candidates:
      https://github.com/johndyer/mediaelement (Used in wordpress core.)
      http://www.videojs.com/

      Ideally video component dialog will show dam chooser filtered to show videos. But this is not a strict requirement.

      Context: this component starts in the demo but will eventually be in a separate library of components - either in MTE or another "Extra Components" module.

      Usage in Demo:
      Add a video element to the company page after the jumbotron, but before the text. (https://demopublic.magnolia-cms.com/about/company.html)
      Video of grand canyon is attached.

      Video should have caption: "The holiday of a lifetime. Helicopter tour over the Grand Canyon."

      Video should have 100% width and undefined height so that it will scale responsively.

      Note on rights - video is public domain from the US National Park Service. See: http://www.nps.gov/grca/learn/photosmultimedia/b-roll_hd_index.htm
      Note on video preparation: - Quicktime can be used to export trimmed clips. Free "Hand Brake" program for osx can be used to resize and export in different formats.

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 1d 6.25h
                      1d 6.25h