VODLIX

Ambient Mode — hideControls: true

No Vodlix UI rendered inside the player. All controls are external DOM elements using the player's public API (play(), pause(), muted()).

0:00 / 0:00

Events will appear here…

// Initialize with hideControls: true
const player = new VodlixPlayer('trailer-player', {
  sources: [{ src: 'https://…/trailer.m3u8' }],
  poster:  'https://…/poster.jpg',
  autoplay: true,
  muted:    true,
  loop:     true,
  hideControls: true,   // <-- disables all Vodlix UI
});

// External play / pause
document.getElementById('btn-play').addEventListener('click', () => {
  player.paused() ? player.play() : player.pause();
});

// External mute toggle
document.getElementById('btn-mute').addEventListener('click', () => {
  player.muted(!player.muted());
});

// Listen for events
player.on('play',  () => console.log('playing'));
player.on('pause', () => console.log('paused'));
player.on('ended', () => console.log('ended'));