Video Best Practices

Videos can be used for hero row backgrounds, as embeds on a page, as embeds in popups or generally anywhere to draw attention to a certain cause or feature. Videos that are set to auto-play or load upon arrival to a page have the potential to slow down a site if certain precautions aren't taken. Learn when to embed vs when to upload a video, what kind of videos are best to use for row backgrounds, how to place a video inside a frame using HTML & CSS, and how to compress a video for web without a visible loss in quality.

Video Embeds

  • 1

    Video Modules & Row Backgrounds

  • 2

    Embeds & Autoplay

  • 3

    When to use an Embed

Tip:

full width

Embedding Pros

Embedding Cons

Sources:

Video Placement & HTML5

  • 1

    Video Modules & Row Backgrounds

  • 2

    Uploads & Autoplay

  • 3

    When to use an Upload

Tip:

full width

Uploading Pros

Uploading Cons

Video Uploads

Sources:

Video Compression

Using Handbrake

  • 1

    About Handbrake

  • 2

    Handbrake Settings

  • 3

    When to Use

Tip:

full width

Using Adobe Premier / Media Encoder

  • 1

    Chopping up a Video

  • 2

    Export & Media Encoder Settings

  • 3

    When to Use

Sources:

About HTML5 Video

Placing a Video in a Frame

  • 1

    Frame Settings

  • 2

    HTML5 Code

  • 3

    Accompanying CSS

Tip:

full width

Sources:

Table of Contents
    Add a header to begin generating the table of contents