var playerElement = document.getElementById("player-wrapper"); var player = new Clappr.Player({ source: 'http://clappr.io/highline.mp4', poster: 'http://clappr.io/poster.png', playback: { controls: true }, plugins: [window.ContextMenuPlugin], contextMenu: { menuItems: ['copyURL', 'copyURLCurrentTime', 'loop', 'playerVersion'], extraOptions: [ { name: 'test', label: 'Test Label', callback: function() { console.log('A Absolutely awesome extra context menu item action'); } } ], customStyle: { list: { 'background-color': 'gray', }, items: { 'color': 'yellow' } } } }); player.attachTo(playerElement);
Run