AMP HTML5 and the Ooyala Player V3

Note: Ooyala Player V3 has been deprecated and is scheduled to be disabled. For details and alternatives, see the OVP Release Notes.

Google's accelerated mobile page (AMP) HTML is a stripped down format that lets you quickly render static content on mobile web. For more details on what AMP is and how it works, go to The Ooyala Player V3 is now embeddable in AMP HTML.

Example Implementation

The following page shows an example of calling the Ooyala Player using an AMP iframe. For details on how the amp-iframe works, go to

  • This example not production-ready and should only be used as a starting point.
  • This example does not use a custom AMP element.
  • This implementation does not lead to any performance gains, as this is the standard Ooyala iframe solution.

Example URL:

Implementation Notes
<!doctype html>
<html amp lang="en">
    <meta charset="utf-8">
    <title>Ooyala AMP Demo</title>
    <link rel="canonical" href="" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
    <style amp-custom>
      #movie_container {
        padding-top: 100px;
        margin: auto auto;
        height: 272px;
        width: 640px;
    <script async custom-element="amp-iframe" src=""></script>
    <script async src=""></script>
    Ooyala AMP Demo
    <div id="movie_container">
        sandbox="allow-scripts allow-popups allow-same-origin"
        <amp-img layout="fill" src="" placeholder></amp-img>

해당 내용이 도움 되었습니까?