NAV

Gfycat Iframe

Simple Iframe Player

Player for a single Gfycat video.

Src URL format: https://gfycat.com/ifr/{gfyId}.

gfyId is a parameter that defines which video to play.

Embed code example for the fixed size iframe:

<iframe src='https://gfycat.com/ifr/FocusedSaltyCranefly' frameborder='0' scrolling='no' allowfullscreen width='640' height='453'></iframe>

Embed code example for the responsive iframe:

<div style='position:relative; padding-bottom:70.80%'><iframe src='https://gfycat.com/ifr/FocusedSaltyCranefly' frameborder='0' scrolling='no' width='100%' height='100%' style='position:absolute;top:0;left:0;' allowfullscreen></iframe></div>

Iframe embed code can be found on the following pages:

The simple iframe has two versions:

The iframe URL accepts the following parameters (optional):

Embed code example with URL parameters:

<iframe src='https://gfycat.com/ifr/FocusedSaltyCranefly?controls=0&speed=2' frameborder='0' scrolling='no' allowfullscreen width='640' height='453'></iframe>
Parameter Type Default Description
autoplay number 1 Defines if video is paused or playing initially.
Values: {0, 1}
controls number 1 Defines player controls visibility.
Values: {0, 1}
speed number 1 Defines video playbackRate.
Values: any value supported by the browser

Iframe Player for Gfycat Search Results

Player for a list of search results.

Src URL format: https://gfycat.com/ifr/search/{searchText}.

searchText is a search request parameter.

Embed code example for the Gfycat Search iframe, fixed size :

<iframe src='https://gfycat.com/ifr/search/nature' frameborder='0' scrolling='no' allowfullscreen width='300' height='300'></iframe>

Fixed size

Width and height should be provided.

Embed code example for the Gfycat Search iframe, responsive:

<div style='position:relative; padding-bottom:56.25%'><iframe src='https://gfycat.com/ifr/search/nature' frameborder='0' scrolling='no' width='100%' height='100%' style='position:absolute;top:0;left:0;' allowfullscreen></iframe></div>

Responsive

Takes 100% of the parent element width. Value of the padding-bottom style (in %) defines which aspect ratio the iframe should have.

URL parameters

Search Iframe accepts all the parameters Simple Iframe accepts and an additional one

Parameter Type Default Description
loops number 1 Number of times each video should be played before going to the next one

Iframe Player for Gfycat Tag Results

Embed code example for the Gfycat Tag iframe:

<iframe src='https://gfycat.com/ifr/tag/nature' frameborder='0' scrolling='no' width='100%' height='250' allowfullscreen></iframe>

Player for a list of videos with a given tag.

Src URL format: https://gfycat.com/ifr/tag/{tagName}.

tagName is a parameter.

Supports all the size options and URL query parameters as Search Iframe.

Iframe Player for Gfycat User Public Album

Embed code example for the Gfycat user album iframe:

<iframe src='https://gfycat.com/ifr/@visualecho/mtv_awards_2017' frameborder='0' scrolling='no' width='100%' height='250' allowfullscreen></iframe>

Src URL format: https://gfycat.com/ifr/@{username}/{albumUrlText}. username is a username from Gfycat, can be found in user account URL. albumUrlText is an album link, can be found in the album page URL.

Supports all the size options and URL query parameters as Search Iframe.