Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8" />
    <script src="https://cdn.ampproject.org/v0.js" async></script>
    <script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.js"></script>
    <title>NON-IMA CONTROL TEST</title>
    <style amp-custom>.footer{margin-top: 50px}.footer:hover{color: red;cursor:pointer;}</style>
  </head>
  <body>
    <header>Header</header>
    <div class="video" style="height: 200px; width: 200px">
      <noscript>
        <video
          controls
          loop
          width=1
          height=1
          src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
          poster="https://amp.dev/static/samples/img/amp.jpg"
        ></video>
      </noscript>
      <amp-video
        width="1"
        height="1"
        layout="responsive"
        poster="https://amp.dev/static/samples/img/amp.jpg"
        loop
        controls
        controlsList="nodownload"
        autoplay
      >
        <source type="video/mp4" src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4">
      </amp-video>
    </div>
    <footer class="footer">FOOTER (hover over for red)</footer>
  </body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers