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:

![image](https://user-images.githubusercontent.com/2953026/55615012-0231b100-5797-11e9-9020-3552a1b8401e.png)

**What is the expected behavior?**

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

![image](https://user-images.githubusercontent.com/2953026/55615032-107fcd00-5797-11e9-8d3a-4c25c8ed6e99.png)

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
return el => el[propertyName];
}
function getSVGAttribute(attributeName) {
  return el => {
    if (el.namespaceURI !== 'http://www.w3.org/2000/svg') {
      throw new Error('Not an SVG element.');
    }
    return el.getAttribute(attributeName);
  };
}
const attributes = [
  {name: 'about', read: getAttribute('about')},
  {name: 'aBoUt', read: getAttribute('about')},
  {
    name: 'accent-Height',
    containerTagName: 'svg',
    tagName: 'font-face',
    read: getSVGAttribute('accent-height'),
  },
  {
    name: 'accent-height',
    containerTagName: 'svg',
    tagName: 'font-face',
    read: getSVGAttribute('accent-height'),
  },