Working with Video


Uncategorized

Updated Aug 14th, 2021

Keep and eye on size and resolution. Tone down the resolution to keep the file size down.

Examples from local Sources

tradewindsresort.com – 38MB 15 seconds in the hero section

<video id="ourAmazingVideo" autoplay muted loop style="width: 100%; display: block;">


<source src="/media/video/ourAmazingVideo.mp4" type"video/mp4">


// in the css may need to have something like

video {
  object-fit: contain;
}

marinacantina.com