# Embedding videos in a page

{% hint style="info" %}
This feature is available on Beefree SDK [paid plans](https://developers.beefree.io/pricing-plans) only.
{% endhint %}

The Page Builder includes an expanded Video content block for optimized usage of videos on web pages. Videos are added inside an iframe via the HTML5 video tag.

There are multiple ways to add a video to a page built with Beefree SDK. Additional settings allow the video progress bar and loop playback to be turned on or off.

## **Embedded**

The Embedded mode allows video playback inside the page. It requires the URL of a video hosted on YouTube, YouTube Shorts, or Vimeo.

<figure><img src="https://806400411-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8c7XIQHfAtM23Dp3ozIC%2Fuploads%2Fk5pogVftLChU2airx4IJ%2Fembedvid1.png?alt=media&#x26;token=d37d05cc-1317-4797-87ac-fa0d7c3c77d9" alt=""><figcaption></figcaption></figure>

## **Hosted video**

Same as the embedded option, but the URL provided must point to a self-hosted video in MP4 format. Settings for hiding controls and loop playback apply as well. Please note that the player interface your visitors will experience might slightly vary based on the browser they use.

<figure><img src="https://806400411-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8c7XIQHfAtM23Dp3ozIC%2Fuploads%2FgJGzHhsLMLi4OBvHoSYy%2F2embedvid.png?alt=media&#x26;token=41563e9c-9d0b-4ea8-a33d-fdf3b2bcc566" alt=""><figcaption></figcaption></figure>

## **Thumbnail**

As a fallback, you may also use the video block for generating a thumbnail, the same way the block works when building emails. Just enter the URL for a video hosted on YouTube, YouTube Shorts, or Vimeo. A thumbnail linked to the video will be created. You may also style the overlay play icon.

<figure><img src="https://806400411-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8c7XIQHfAtM23Dp3ozIC%2Fuploads%2FOqhZuF6Cxzb2fQAn8PnN%2F3embedvid.png?alt=media&#x26;token=7929fa40-4fe7-4270-aff7-f4f6d5cd8800" alt=""><figcaption></figcaption></figure>

## Supported Video Sources

* YouTube (16:9 aspect ratio)
  * Public Videos
  * Unlisted Videos
  * Videos starting at a certain time
* YouTube Shorts (16:9 aspect ratio)
* Vimeo
  * Public Videos
  * Unlisted Videos
  * Cinemascope (21:9 aspect ratio)