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.