1. Home
  2. Advanced Fliiby Uses
  3. How To Create Custom Embed Style

How To Create Custom Embed Style

Every Fliiby user is able to create his own embed style. We have created this option in order to help you customize and blend in Fliiby player to your website. In order to access embed styles, just click on “Embedding” in main menu.

Menu Embedding

Create New Style

In order to create new style you need to click on green “Create new style” button.

Create New Embed Style

Once you click on it, you will get following panel with options that you can change:

New Style Options

  • 1 – custom embed style name
  • 2 – color inside player
  • 3 – font color for description and buttons
  • 4 – font and button background color
  • 5 – show or hide Title bar inside player (Title, Username, Folder)
  • 6 – show or hide Options bar (download, like, share on the right side)
  • 7 – show or hide control bar on the bottom
  • 8 – show or hide Share bar (sharing buttons for social networks) on the left side
  • 9 – turn ON or OFF autoplay function (for video and audio files)
  • 10 – show or hide Fliiby Logo
 After creating desired embed style simply click on green “Create” button and your style will be created.

Created Embedding Styles

When you finish creating your new embedding styles, you can access them anytime on your “Embedding” page.
Embedding Styles
  • 1 – Style names
  • 2 – colors of your embedding styles
  • 3 – options that are turned on or off
  • 4 – click on a “Pencil icon” to edit style
  • 5 – click on “X” symbol in order to delete style

How to Implement New Embed Style

Once you create new embed style you need to use it of course. Now, go to any file you want to embed on your site or page and click on “Share” button.

Implement Embed Style

Now, in order to implement you new style you will need to do the following:

  • 1 – click on drop down menu for style selection
  • 2 – click on desired style name
  • 3 – after selecting style click on a copy button
  • 4 – paste embed code on your website or blog

Video explanation

Updated on June 3, 2016

Was this article helpful?