This proposed amp-powr-player component would embed a responsive Powr player in an iframe. This single component would support publishers using the Powr player on their AMP pages.

Attributes specifying the publisher's account, player, and what video to render determine the embed url that will be used.

The component supports the following events via postMessage:

• pause - pause the video.
• play - play the video.
• mute TRUE - mute the video.
• mute FALSE - unmute the video.
• controls TRUE - show video playback controls.
• controls FALSE - hide video playback controls.

Example 1 - Specific Video

In this scenario, a publisher wants to display a specific video on their AMP page.

<amp-powr-player
    data-account="945"
    data-player="1"
    data-video="ZNImchutXk"
    layout="responsive"
    width="480" height="270">
</amp-powr-player>

The above would yield https://player.powr.com/iframe.html?account=945&player=1&video=ZNImchutXk.

Example 2 - Recommended Video

In this scenario, a publisher wants Powr to display a video based on terms/keywords that relate to the content on their AMP page.

<amp-powr-player
    data-account="945"
    data-player="1"
    data-terms="cool car"
    layout="responsive"
    width="480" height="270">
</amp-powr-player>

The above would yield https://player.powr.com/iframe.html?account=945&player=1&terms=cool%20cars.