Singular and Video Players (Singular Embed Codes)

Singular provides custom Embed Codes for your websites. These Embed Codes combine your overlays with the video (and player) of your choosing.

If you use YouTube, Vimeo, JW or Bitmovin video on your own website but you need to add your Singular Overlays on top, an Embed Code is what you will need.

Screen_Shot_2019-11-07_at_9.18.44_AM.png

Player Technology Options

 

In Singular's Control Application, Studio, you have the option to copy an Embed Code within the "Share" menu (as seen below).

Screen_Shot_2019-10-28_at_2.10.51_PM.png

The top section of the "Share App Output" menu

 

Make sure to customize your embed parameters in order to make your overlays specifically compatible with the player of your choosing. Just select your Player Technology, Video ID, size and more. Then go ahead and copy the Embed Code.

Screen_Shot_2019-10-28_at_2.10.34_PM.png

The "Share App Output" Menu

 

Note

Your Video ID for YouTube or Vimeo video (live or pre-recorded) can be found in the video's URL. If you are using JW Player or Bitmovin, you can add a url to your hosted video file in the Video ID space.

 

Once you specify your settings, you can copy the Embed Code and paste it into the HTML code of your website or, if you are using a web builder, an HTML frame.

See the example below. This is an embed code copied from Singular Studio for a specific YouTube Video. The embed code has been pasted into an HTML frame in the Wix web builder.

Screen_Shot_2019-10-28_at_3.48.08_PM.png

Embedding a Singular Embed Code into a Wix HTML frame

 

When you have published to your live website, your overlays should be on top of your YouTube, Vimeo, Bitmovin or JW video! See example below:

Screen_Shot_2019-10-28_at_4.04.51_PM.png

Singular Overlays on top of YouTube video in custom website

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.