When possible we always recommend uploading to Spotlightr as opposed to using our Hybrid Hosting feature. This way we can completely control performance of your video.
To embed a video on your site, just grab the embed code for desired video from Spotlightr interface.
To get to the embed code, click on the PUBLISH button on the top right corner and then you will see your publishing options.
The first tab will be your embed code. Simply click the copy icon in the embed tab and paste that code into your page where it accepts HTML.
Here is an example of embedding a video on a WordPress site. Go to your Post or Page, and then add the embed code.
Keep in mind you need to be sure you are using the Code Editor, not the Visual Editor:
That's it. The video is now embedded to your page..
Some third-party platforms and page builders strip out portions of our original embed code for one reason or another. If that is the case and you are experiencing issues with placing the original code, you might want to try the Fallback Embed code.
Here are some additional settings that you can apply to your video. Be sure to configure these options first and then copy the embed code.
Set optimized resolution - If you want your audience to be served a particular resolution by default, then enable this option and choose your resolution.
Custom Aspect Ratio & Orientation - Here you can change the aspect ratio, for example if you have a 4:3 video or a square 1:1 video. You can also change the orientation from Landscape to Portrait.
Custom Start/End Time - Here you will be able to choose when your video starts and ends. For example, start your video at the :20 second mark for everyone and automatically skip those first 20 seconds.
Anonymize viewing data - Enable if you don't want Spotlightr to collect any information at all about viewers, like their IP address for example.
Advanced code - Enable this if you want to use our Floating video feature or adjust the player size. Keep in mind that doing this adds a script to your embed code which could conflict with third party page builders. If you have questions about this contact the helpesk.
Once enabled you will see 2 other options:
Floating Video - This will make your video be always present and playing even if the viewer is scrolling down the page. The video player will just move itself into the corner of the page and will "float" down the page along side other content the viewer is viewing.
Adjustable Player Size - By default, Spotlightr videos expand to the size of the element the video is placed. That means that the video will get bigger or smaller depending on the size of the screen (fully responsive). That is why this option is enabled by default.
If you disable this option, you will be allowed to edit the actual size of the player shown on your web page in addition to selecting one of the predefined resolutions and aspect ratios. Keep in mind this will mean your video is no longer fully responsive.
Otherwise if left activated, which it is by default, the video player will resize to the element in which it is embedded. You can find more on this feature in this article.