WRQ-25355: A video player sample playing google video ads

[vJIYEv]

Checklist

• [x] I have read and understand the contribution guide
• [ ] A CHANGELOG entry is included
• [ ] At least one test case is included for this feature or bug fix
• [x] Documentation was added or is not needed
• [ ] This is an API breaking change

Issue Resolved / Feature Added

https://github.com/enactjs/enact/issues/3245 Following this issue, I made a Sandstone VideoPlayer sample playing Google Video Ads.

Resolution

According to google adsense help, IMA SDK is needed to play google ads in a custom video player. (Guidelines: https://support.google.com/adsense/answer/6391192?hl=en&ref_topic=1706004&sjid=6550346971434809951-AP) So I integrated IMA SDK in a sample app, following the tutorial. (Tutorial: https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side)

And I adjusted some details to make it work with sandstone video player.

• adContainer node is placed in front of the VideoPlayer component to toggle the media controller by clicking the video layer.
• playPauseButton is disabled before initializing IMA and during playing the ad.

Additional Considerations

Links

WRQ-25355

Comments

Enact-DCO-1.0-Signed-off-by: Jiye Kim ([email protected])