var playerElement = document.getElementById("player-wrapper"); var player = new Clappr.Player({ source: 'https://clappr.io/highline.mp4', poster: 'https://clappr.io/poster.png', playback: { controls: false }, includeResetStyle: false, plugins: [ window.MediaControl.PlayPauseButtonPlugin, window.MediaControl.VolumePlugin, window.MediaControl.FullscreenButtonPlugin, window.MediaControl.SeekBarPlugin, window.MediaControl.TimeIndicatorPlugin, window.MediaControl.MainPlugin, ], mediaControl: { disableBeforeVideoStarts: false, layersQuantity: 1, layersConfig: [ { id: 1, sectionsQuantity: 2, flexDirection: 'column', sectionsConfig: [{ id: 1, separator: true }], }, ], }, }) player.attachTo(playerElement);
Run