Skip to content

Instantly share code, notes, and snippets.

@justinph

justinph/amp-video.markdown

Created April 16, 2019 15:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save justinph/4437604103beb80a87cf2100749f3d8c to your computer and use it in GitHub Desktop.
Save justinph/4437604103beb80a87cf2100749f3d8c to your computer and use it in GitHub Desktop.
Download ZIP
AMP Video
Raw
index.html
<main>
<div class="video-wrapper">
<amp-video
src="https://int.nyt.com/data/videotape/finished/2018/09/1537545825/furniture-up-shorter-360h.mp4"
poster="https://peach.blender.org/wp-content/uploads/bbb-splash.png"
layout="fill"
loop
noaudio
autoplay>
</amp-video>
</div>
</main>
Raw
style.css
main { max-width: 620px; margin: 0 auto;}
.video-wrapper{
width: 100%;
padding-bottom: 66.667%;
background-color: blue;
position: relative;
}
amp-video video{
width: auto;
object-fit: cover;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment