examples/playbuzz.amp.html - main - githubmirror/amphtml

examples/playbuzz.amp.html
113 строк6 KB
Alan Orozco
🏗📖 Fix some example files that do not validate (#34835)
15 июн 2021, 22:56
15 июн 2021, 22:560311689
<!DOCTYPE html>
<html ⚡ lang="en">
  <head>
    <meta charset="utf-8">
    <title>playbuzz examples</title>
    <link rel="canonical" href="amps.html">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <script async custom-element="amp-playbuzz" src="https://cdn.ampproject.org/v0/amp-playbuzz-0.1.js"></script>
    <style amp-custom>
      body {
        background-color: auto;
      }
    </style>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    <div>
      <h1>Times.com</h1>
      <h2>Some Article</h2>

      <p>
        orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis
        arcu, vehicula sed pretium eget, pulvinar eu elit. Ut nibh nulla,
        pharetra at tristique at, pharetra et mi. Ut elementum quam eu feugiat
        varius. Vestibulum dui ligula, dapibus at suscipit venenatis, elementum
        vitae libero. Vivamus efficitur nibh et tortor semper, sit amet interdum
        augue tempor. Nulla vitae tempus dolor, ac molestie odio. Cras cursus,
        lectus ac consectetur scelerisque, mi arcu egestas velit, ac ultricies
        est mi aliquam enim. Aenean ac neque in arcu euismod ornare. Fusce
        sodales massa ac lectus finibus rutrum. Nunc laoreet nunc id rutrum
        vehicula. Sed tempor turpis posuere, auctor elit quis, ultricies ligula.
        Maecenas posuere pulvinar mi, ac congue nulla placerat nec.
      </p>
      <amp-playbuzz
        data-item="a6aa5a14-8888-4618-b2e3-fe6a30d8c51b"
        layout="responsive"
        height="300"
        width="300"
        data-item-info="false"
        data-share-buttons="false"
        data-comments="false"
      >
      </amp-playbuzz>

      <p>
        orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis
        arcu, vehicula sed pretium eget, pulvinar eu elit. Ut nibh nulla,
        pharetra at tristique at, pharetra et mi. Ut elementum quam eu feugiat
        varius. Vestibulum dui ligula, dapibus at suscipit venenatis, elementum
        vitae libero. Vivamus efficitur nibh et tortor semper, sit amet interdum
        augue tempor. Nulla vitae tempus dolor, ac molestie odio. Cras cursus,
        lectus ac consectetur scelerisque, mi arcu egestas velit, ac ultricies
        est mi aliquam enim. Aenean ac neque in arcu euismod ornare. Fusce
        sodales massa ac lectus finibus rutrum. Nunc laoreet nunc id rutrum
        vehicula. Sed tempor turpis posuere, auctor elit quis, ultricies ligula.
        Maecenas posuere pulvinar mi, ac congue nulla placerat nec.
      </p>

      <amp-playbuzz
        src="https://www.playbuzz.com/HistoryUK/10-classic-christmas-movies"
        layout="responsive"
        height="300"
        width="300"
        data-item-info="false"
        data-share-buttons="false"
        data-comments="false"
      >
      </amp-playbuzz>

      <p>
        orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis
        arcu, vehicula sed pretium eget, pulvinar eu elit. Ut nibh nulla,
        pharetra at tristique at, pharetra et mi. Ut elementum quam eu feugiat
        varius. Vestibulum dui ligula, dapibus at suscipit venenatis, elementum
        vitae libero. Vivamus efficitur nibh et tortor semper, sit amet interdum
        augue tempor. Nulla vitae tempus dolor, ac molestie odio. Cras cursus,
        lectus ac consectetur scelerisque, mi arcu egestas velit, ac ultricies
        est mi aliquam enim. Aenean ac neque in arcu euismod ornare. Fusce
        sodales massa ac lectus finibus rutrum. Nunc laoreet nunc id rutrum
        vehicula. Sed tempor turpis posuere, auctor elit quis, ultricies ligula.
        Maecenas posuere pulvinar mi, ac congue nulla placerat nec.
      </p>

      <amp-playbuzz
        src="http://www.playbuzz.com/perezhilton/vote-for-the-worst-dressed-at-the-2016-american-music-awards-here"
        layout="responsive"
        height="300"
        width="300"
        data-item-info="true"
        data-share-buttons="true"
        data-comments="true"
      >
      </amp-playbuzz>

      <p>
        orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis
        arcu, vehicula sed pretium eget, pulvinar eu elit. Ut nibh nulla,
        pharetra at tristique at, pharetra et mi. Ut elementum quam eu feugiat
        varius. Vestibulum dui ligula, dapibus at suscipit venenatis, elementum
        vitae libero. Vivamus efficitur nibh et tortor semper, sit amet interdum
        augue tempor. Nulla vitae tempus dolor, ac molestie odio. Cras cursus,
        lectus ac consectetur scelerisque, mi arcu egestas velit, ac ultricies
        est mi aliquam enim. Aenean ac neque in arcu euismod ornare. Fusce
        sodales massa ac lectus finibus rutrum. Nunc laoreet nunc id rutrum
        vehicula. Sed tempor turpis posuere, auctor elit quis, ultricies ligula.
        Maecenas posuere pulvinar mi, ac congue nulla placerat nec.
      </p>
    </div>

    <footer>Footer</footer>
  </body>
</html>