Support HTML5 Video Attribute disablePictureInPicture

Bug Report: disablePictureInPicture for html5 video elements are not supported

Eg:

    <video
    src="https://www.w3schools.com/tags/movie.mp4"
    disablePictureInPicture
    loop
    controls
    controlsList="nodownload"  
    ></video>

What is the current behavior?

Should remove the 3 dots (more button) on videos on Chrome:

What is the expected behavior?

Instead, the attribute is not taken into consideration so the more menu stays:

Example:

https://jsfiddle.net/r1w4x7m0/2/

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

All / Latest, Chrome Browsers, All OSes.

Pull request for this issue has also been submitted: #15334

[JohnDDuncanIII]

Needed to disable the PiP button before going live with a new feature this month, so to work around this issue, I call

this.video.disablePictureInPicture = true

on a ref of the <video> element in componentDidMount. Not the optimal solution, but it works (adding this to the thread for those who are still on older versions of React)

¯\(シ)/¯

https://w3c.github.io/picture-in-picture/#example-add-custom-pip-button

[Divyasam]

adding "disablePictureInPicture controlsList=“nodownload” " to video tag removes 3 dots in Full-screen mode