Is there any way to change or custom CloudFlare stream player context menu? I search everywhere but seems like CF stream player documents are lack of info.
We’ll be removing the context menu shortly in the new player version so users can decide what to do with the context menu over the player iframe element.
@dundl if you’re using the new player, it should already be gone. We’re still continuing deployment of the new player to everyone so everybody will get it by around April 15th.
@renan The context menu is gone but the menu items are now displayed when clicking on the “settings” (gear icon).
Is there a way to create my own menu items? (and ideally remove the existing menu items)
I already tried to remove the whole settings icon with the following code:
document.getElementById(“menu-button–menu–2”).style.display = “none”;
But it didn’t work with the following error code:
TypeError: document.getElementById(…) is null
This would only remove this icon and doesn’t solve my problem but I wanted to mention that I tried something
We don’t let you change user interface elements on the player we provide like adding or removing buttons. However, we allow you to remove the UI completely and build your own UI using the player API.
Alternatively, you can use the DASH URL in the API (click view JSON button in the dashboard to get this URL) to make your own player. You can use open source players that support like Video.js, DASH.js or Shaka Player and build your UI that way.
Possibilities are endless by doing a making your own user interface.