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
{name: 'resource', read: getAttribute('resource')},
  {
    name: 'restart',
    read: getSVGAttribute('resource'),
    containerTagName: 'svg',
    tagName: 'animate',
  },
  {
    name: 'result',
    read: getSVGProperty('result'),
    containerTagName: 'svg',
    tagName: 'feBlend',
  },
  {name: 'results', tagName: 'input', read: getAttribute('results')}, 
  {name: 'reversed', tagName: 'ol'},
  {name: 'role', read: getAttribute('role')},
  {
    name: 'rotate',
    read: getSVGAttribute('role'),
    containerTagName: 'svg',
    tagName: 'altGlyph',
  },
  {name: 'rows', tagName: 'textarea'},
  {name: 'rowSpan', containerTagName: 'tr', tagName: 'td'},
  {
    name: 'rx',
    read: getSVGProperty('rx'),
    containerTagName: 'svg',
    tagName: 'ellipse',
    overrideStringValue: '1px',