AMP HTML5 and the Ooyala Player V3

Important: Ooyala Player V3 is deprecated and is scheduled to be disabled on 2018-01-31. After that date, Player V3 will no longer play your video or audio content. Customers still using Player V3 need to migrate to Player V4 (see Migrating from Player V3 and Player Migration FAQ).

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>

Was this article helpful?