search

aemsites / esri

Apache License 2.0
1 stars 1 forks source link

Implement Video Element #81

Open jsavella opened 1 month ago

jsavella commented 1 month ago

Original: https://www.esri.com/en-us/about/about-esri/overview Edge Delivery site: https://main--esri--aemsites.hlx.page/en-us/about/about-esri/overview

Video URL: https://www.esri.com/content/dam/esrisites/en-us/about/about/about-2022/updates-10/about-overview-banner.mp4

Render the following video tag from video url. 

<video muted>
    <source src="https://www.esri.com/content/dam/esrisites/en-us/about/about/about-2022/updates-10/about-overview-banner.mp4 " type="video/mp4">
</video>
twhite313 commented 1 month ago

We need to account for a couple of patterns: Kaltura and the DAM.

The DAM primarily gets used for motion graphics (banner backgrounds, Story Teller animations) Kaltura is used for lightbox videos -- full length content.

For Kaltura, mediaspace.esri.com, authoring should use the video url, ex: https://mediaspace.esri.com/media/t/1_9gsx27x2 on the backend, URL should be rewritten.

String https://mediaspace.esri.com/media/t should be changed to https://mediaspace.esri.com/embed/secure/iframe/entryId/

alexcarol commented 1 month ago

As discussed on the last call, we'll rewrite the urls on the client to allow authors to use urls in the format "https://mediaspace.esri.com/media/t/1_9gsx27x2".

twhite313 commented 1 month ago

One note: there may be other parameters after the ID (1_9gsx27x2) those should be retained if they exist.