Passing `disableRemotePlayback` as an attribute like so:

```
<video disableRemotePlayback={true}>
```

Produces the warning:

> Warning: React does not recognize the `disableRemotePlayback` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `disableremoteplayback` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

It seems like React should recognize it's similar to https://github.com/facebook/react/pull/15334.

React version: 16.13.1

## The current behavior

Warning and not rendering the attribute

## The expected behavior

Adding the attribute similar to how it'd render `disablePictureInPicture` with a final output of:

```
<video disableRemotePlayback ...>
```

When rendering it with:

```
<video disableRemotePlayback={true} ...>
```
'enable-background',
  'fill-opacity',
  'fill-rule',
  'flood-color',
  'flood-opacity',
  'font-family',
  'font-size',
  'font-size-adjust',
  'font-stretch',
  'font-style',
  'font-variant',
  'font-weight',
  'glyph-name',
  'glyph-orientation-horizontal',
  'glyph-orientation-vertical',
  'horiz-adv-x',
  'horiz-origin-x',
  'image-rendering',
  'letter-spacing',
  'lighting-color',
  'marker-end',
  'marker-mid',
  'marker-start',
  'overline-position',
  'overline-thickness',
  'paint-order',
  'panose-1',
  'pointer-events',
  'rendering-intent',
  'shape-rendering',