CodePen Embed - Video Preloader

<video width="320" height="240" controls preload="auto">
        <source src="https://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.mp4" type="video/mp4">
      </video>
<h3>Preloader with "auto" value</h3>


<video width="320" height="240" controls preload="metadata">
        <source src="https://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.mp4" type="video/mp4">
      </video>
<h3>Preloader with "metadata" value</h3>

<video  width="320" height="240" controls preload="none">
        <source src="https://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.mp4" type="video/mp4">
      </video>
<h3>Preloader with "none" value</h3>

Run Pen

This Pen is owned by Shikhar Baniya on CodePen.

See more by @ShikharB on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.