The mediaelement brick provides a common API (Media Element) to integrate video and audio from the CMS like HTML5 and MP3 or external videos like YouTube, Facebook or Vimeo using the CoreMedia content type "video".

Technical Description

This brick relies on MediaElements.js to provide the same API and unified experience for every type of video and audio across browsers. Therefore, it will be wrapped in a MediaElement fake DOM element.

The following external video sources are supported in our implementation by default but can be expanded:

Dependencies

This brick has dependencies on the npm packages jQuery and MediaElement, some SASS and JavaScript from the frontend lib folder and the media brick.