FR: V2 Embed Block & modal for AEM Assets hosted videos

[ZoeBeykirch]

Context/Description

Implement code done for Mack Trucks in the Volvo repository. Concerns MT#649 and MT#650

Agile Requirement As a Volvo Trucks content editor, I need to be able to add a video embed block to the website using Adobe Experience Manager Assets for my USA and Canadian websites.

Acceptance Criteria

User AC:

• The video is able to play without having the need of social media cookies being set
• The video is wide as possible to fill the general content width (1170px)
• V2 Resource

Editor AC:

• The content editor can copy and paste the generated code using the Sidekick AEM Assets tool
• The content editor can paste an AEM Assets video link for the [v2-embed] block
• The content editor can paste an AEM Assets video link next to a YouTube/low resolution video link to be used in a modal
• The configuration as delivered in MT#650 can be set by the content editor:
  • autoplay
  • mute
  • loop
  • hide controls
  • disable picture in picture
  • poster
  • aspect ratio

~Deploy to production the approved Testing (test-aem-videos--vg-volvotrucks-us--hlxsites.hlx.live)~

Related tickets: The code delivered for the following issues will be implemented:

• https://github.com/hlxsites/vg-macktrucks-com/pull/688
• https://github.com/hlxsites/vg-volvotrucks-us/issues/579
• https://github.com/hlxsites/vg-macktrucks-com/issues/650

Notes

• Will only have value for the legacy pages that already contain embed block or videos in modal, like [v2-resource-gallery]
• Custom control ticket has not been picked up yet #664

[girishdigrajkar]

Outstanding observation :

iPad: Safari & Chrome: Picture in Picture functionality could be used although disabled ( iPhone built in functionality allows in expanded/full screen video it however, control button for Picture in Picture is disabled)

iPhone: Safari & Chrome : Picture in picture is not disabled

Firefox: None of the videos play : https://610-v2-embed-block-modal--vg-volvotrucks-us--hlxsites.aem.page/drafts/syb/block/v2-embed-multiple-config

[mollyaljenkins]

The remainder of this work is taken up in issue #629 https://github.com/hlxsites/vg-volvotrucks-us/issues/629