Skip to main content

Disable Fullscreen

The disableFullscreen option allows you to control the visibility of the fullscreen button in the player. When set to true, the fullscreen button will be hidden, giving you more control over the player interface and ensuring a consistent layout.

Usage Example

To hide the fullscreen button, simply include the disableFullscreen option when initializing the player:

Trigger element

<button id="YOUR_ELEMENT_ID">Watch live</button>

const player = BeLivePlayerWidget.initialize({
showId: "SHOW_ID",
triggerElement: document.getElementById("YOUR_ELEMENT_ID"),
ui: {
disableFullscreen: true // Hide the fullscreen button
},
});

Without trigger element

<div id="YOUR_ELEMENT_ID"></div>

const player = BelivePlayerWidget.initialize({
showId: "SHOW_ID", // The ID of the show to be loaded into the player
ui: {
disableFullscreen: true // Hide the fullscreen button
},
container: document.getElementById("YOUR_ELEMENT_ID"),
});
Hint

disableFullscreen: (Boolean) – By setting this to true, the fullscreen button will not appear on the player, which can be useful for situations where you want to maintain a specific layout or prevent users from entering fullscreen mode.