FitLive Developer Documentation

Interactive example

Example


After editing Javascript code, click on the button below to generate a Fitlive.

Javascript Code

Edit javascript below and generate the widget online to test your configuration.
FitLive = Fb.FitLive.GetInstance(
    {
        FitLive:
        {
            container: '#myFitLive',
            height: 350,
            language: 'en',
            nofullscreen: false,
            nocompare: false,
            messages:
            {
                en:
                {
                    MenuWebcamTitle: 'Webcam'
                }
            }
        }
    }
);    
FitLive.SetFrame('0052599001339659319');

CSS Code

Edit CSS below and generate the widget online to test your configuration.
#fittingbox-fitlive {}

#fittingbox-fitlive ul,
#fittingbox-fitlive li {}

#fittingbox-fitlive #fittingbox-fitlive-error {}

#fittingbox-fitlive #fittingbox-fitlive-error-title {}

#fittingbox-fitlive #fittingbox-fitlive-widget {}

#fittingbox-fitlive #fittingbox-fitlive-menu,
#fittingbox-fitlive #fittingbox-fitlive-viewer {}

#fittingbox-fitlive #fittingbox-fitlive-menu {}

#fittingbox-fitlive #fittingbox-fitlive-viewer {}

#fittingbox-fitlive #fittingbox-fitlive-menu > ul > li {}

#fittingbox-fitlive .fittingbox-fitlive-menu-content {}

#fittingbox-fitlive .fittingbox-fitlive-menu-content-opened {}

#fittingbox-fitlive .fittingbox-fitlive-menu-title {}

#fittingbox-fitlive .fittingbox-fitlive-menu-title:hover {}

#fittingbox-fitlive .fittingbox-fitlive-menu-title-opened {}

#fittingbox-fitlive .fittingbox-fitlive-menu-title-opened:hover {}

#fittingbox-fitlive .fittingbox-fitlive-menu-webcam-mirrormode {}

#fittingbox-fitlive .fittingbox-fitlive-menu-webcam-mirrormode input {}

#fittingbox-fitlive .fittingbox-fitlive-menu-webcam-text,
#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-text {}

#fittingbox-fitlive .fittingbox-fitlive-menu-webcam-list > li,
#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-list > li {}

#fittingbox-fitlive .fittingbox-fitlive-menu-webcam-list > li:hover,
#fittingbox-fitlive .fittingbox-fitlive-menu-webcam-list > li.fittingbox-fitlive-menu-webcam-selected,
#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-list > li:hover {}

#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-list > li:first-child {}

#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-list > li:first-child:hover {}

#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-list > li {}

#fittingbox-fitlive .fittingbox-fitlive-menu-adjust-list > li:hover {}