fix(pip): hide PiP button in browsers not support the WICG spec (#6131)

src/js/control-bar/control-bar.js

@@ -2,6 +2,7 @@
  * @file control-bar.js
  */
 import Component from '../component.js';
+import document from 'global/document';
 
 // Required children
 import './play-toggle.js';
@@ -68,10 +69,17 @@ ControlBar.prototype.options_ = {
     'descriptionsButton',
     'subsCapsButton',
     'audioTrackButton',
-    'pictureInPictureToggle',
     'fullscreenToggle'
   ]
 };
 
+if ('exitPictureInPicture' in document) {
+  ControlBar.prototype.options_.children.splice(
+    ControlBar.prototype.options_.children.length - 1,
+    0,
+    'pictureInPictureToggle'
+  );
+}
+
 Component.registerComponent('ControlBar', ControlBar);
 export default ControlBar;