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
muted: 'muted',
  name: 'name',
  nomodule: 'noModule',
  nonce: 'nonce',
  novalidate: 'noValidate',
  open: 'open',
  optimum: 'optimum',
  pattern: 'pattern',
  placeholder: 'placeholder',
  playsinline: 'playsInline',
  poster: 'poster',
  preload: 'preload',
  profile: 'profile',
  radiogroup: 'radioGroup',
  readonly: 'readOnly',
  referrerpolicy: 'referrerPolicy',
  rel: 'rel',
  required: 'required',
  reversed: 'reversed',
  role: 'role',
  rows: 'rows',
  rowspan: 'rowSpan',
  sandbox: 'sandbox',
  scope: 'scope',
  scoped: 'scoped',
  scrolling: 'scrolling',
  seamless: 'seamless',
  selected: 'selected',
  shape: 'shape',
  size: 'size',