I don't want to show playback speed in my video, is there any controls or controlList properties to disable that option like controls disablepictureinpicture controlslist="nodownload"
Add the parameter 'noplaybackrate' to controlsList. It works for me.
According to the docs only three options are available (nodownload, nofullscreen, and noremoteplayback) and none seems to do what you want.
And you can't style the browser's default control set, but you can use the (JavaScript) Media API to build your own control set which of course you can style in any way that you like.
See this CodePen.
you can add the following:
video.controlsList = "noplaybackrate";
however if you want to deactivate others as well, then as such:
video.controlsList = "noplaybackrate nodownload"
and you have the last one in the list "Picture in Picture"
disable this one as such:
video.disablePictureInPicture = true;
now your three dots are gone
and to be complete to also disable the full screen function
video.controlsList = "noplaybackrate nodownload nofullscreen"