Embedding videos processed by Gumlet takes no time. Copy the embed code from the video CMS or video details page. ## Get Embed code To play videos on your website, blog, or any other CMS, Gumlet's embed code makes it easy to get started. It has a customizable player, video meta configuration, SEO snippet, and security features. You can configure your player settings [here](https://docs.gumlet.com/docs/player-customization/). Here are the different ways to embed your videos quickly. ### Video settings page Navigate to the video settings page, then click on the **Embed & Share** button. Under the **Embed** tab, you can customize the embed code and generate a new one.

## Embed Code Preview ```html ``` Replace the `{{asset_id}}` `src` above with the asset ID of the video you want to embed. The height and width specified in the embed code above are for illustrative purposes only; adjust these properties to suit your needs for the best viewing experience. Customize your embedded video by passing query parameters along with the URL. For example:`https://play.gumlet.io/embed/{{asset_id}}?preload=true&player_color=#F0F0F0` The above example will preload your video and change your player color to`#F0F0F0`. ### Parameter Reference Here is the list of available parameters for configuring your player and video settings.

Query Parameter	Description	Possible Values	Default Value
preload	Load the video even before the user clicks the play button. It enables instant video playback.	`true` or `false`	`false`
autoplay	Plays the video automatically on page load.	`true` or `false`	`false`
thumbnail	Provide a custom thumbnail image for the video embed.	Any valid image URL	Auto-generated thumbnail
background	Autoplay videos without any controls	`true` or `false`	`false`
vast\_tag\_url	VAST tag that should be used to display ads while playing this video	Any valid VAST tag URL	`undefined`
loop	Play your videos in loop mode	`true` or `false`	`false`
start\_high\_res	Start video playback at the highest resolution.	`true` or `false`	`false`
player\_color	The theme color for the player	Any hex color value	`#6658EA`
gm\_property\_id	Gumlet insights property ID to which the viewer analytics needs to be logged	Any valid property ID	Default Property ID of your account.
token	[DRM playback token](https://docs.gumlet.com/reference/widevine-integration#create-auth-token). This must be passed if the video is DRM-encrypted.	Generate a one-time token for DRM playback.	`undefined`
expires	[DRM token expiry timestamp](https://docs.gumlet.com/reference/widevine-integration#create-auth-token) in milliseconds since epoch. This must be passed if a video is DRM-encrypted.	Expiration timestamp for the DRM playback token.	`undefined`
playsinline	This parameter controls whether videos play inline or in full screen on iOS. Valid values are: `true`: Results in fullscreen playback. This is currently the default value, though the default is subject to change. `false`: Results in inline playback for mobile browsers and for `WebViews` created with the `allowsInlineMediaPlayback` property set to `YES`.	`true` or `false`	`true`
logo\_url	URL of the logo to display during video playback.	Any valid image URL.	`undefined`
logo\_height	Logo height in pixels.	Any pixel height.	`100px`
logo\_width	Logo width in pixels.	Any pixel width.	`100px`
logo\_position	Logo position in the player.	`top`, `topleft`, `topright`, `right`, `bottomright`, `bottom`, `bottomleft`, `bottomleft`, `left`	`bottomright`
gm\_user\_id	User ID (custom tracking)	A string or integer	undefined
gm\_user\_name	User name (custom tracking)	A string	undefined
gm\_user\_email	User email (custom tracking)	A string	undefined
gm\_custom\_data\_1	Custom Data 1	A string	undefined

_Note: Autoplay videos will have their audio disabled on all browsers._
### Advanced parameters Here is a list of parameters to make your player customizable by enabling specific actions on the control bar. You can also customize the player using the player customizer here.

Query Parameter	Description	Possible Values	Default Value
disable\_player\_controls	Disables all the player controls except the large play button in the center of the player.	`true` or `false`	`false`
disabled\_player\_control	If `disable_player_controls` is not used, you can disable one or more player controls. You can add this parameter multiple times, each with a different value. For example, to disable the progress bar and the cast button, you can send: `?disabled_player_control=cast &disabled_player_control=progress`	`rewind`, `fast-forward`, `play`, `progress`, `pip`, `current-time`, `duration`, `mute`, `volume`, `cast`, `captions`, `airplay`, `fullscreen, ``settings`,	undefined
audio\_track\_language	for pre-selecting the default audio language (if you have multiple), this accepts the ISO language code listed here	`en` or `es` or others	original source language or `en`
caption\_language	for pre-selecting the default captions language (if you have multiple), this accepts the ISO language code listed here	`en` or `es` or others	original source language or \`en

> 📹 You can get the MP4 and other plaback URLs > > On the asset details page, click on Publishing Options > URLs, you will get the access to .mp4, .m3u8, .mpd URLs as use as per your need.
Different type of URLs

> 📘 Are you a developer or using APIs? > > If yes, use the asset ID from the API response with the iframe code [here](#embed-code-preview). > 🚧 Are you using WordPress? > > If yes, use the Gumlet Video WordPress plugin. Learn more about plugin [here](doc:gumlet-wordpress-video-plugin). > > If you do not use the plugin, some player features may not work as WordPress removes the additional attributes from the iframe embed code. > 📘 Are you using Shopify or any other ecommerce platform? > > Use `background=1` in the query parameter in the source and your video will auto-play like native experience without any controls. > > Sample iframe src: `https://play.gumlet.io/embed/64be6a1705ab8a164db198a5?background=true` > 📘 How to create time-limited video preview URLs? > > There are two ways, if you want to use APIs to generate limited time embed code or preview page URL, refer to the Signed URL here. > > Otherwise, you can generate a secure expiry URL from the dashboard. Read more here.