fix: silence play promise in a few more places (#5213)

Silence the play promise in the Big Play Button, click-to-play, and the poster image.

src/js/big-play-button.js

@@ -3,7 +3,7 @@
  */
 import Button from './button.js';
 import Component from './component.js';
-import {isPromise} from './utils/promise';
+import {isPromise, silencePromise} from './utils/promise';
 
 /**
  * The initial play button that shows before the video has played. The hiding of the
@@ -46,6 +46,7 @@ class BigPlayButton extends Button {
 
     // exit early if clicked via the mouse
     if (this.mouseused_ && event.clientX && event.clientY) {
+      silencePromise(playPromise);
       return;
     }
 

src/js/player.js

@@ -1654,7 +1654,7 @@ class Player extends Component {
     }
 
     if (this.paused()) {
-      this.play();
+      silencePromise(this.play());
     } else {
       this.pause();
     }

src/js/poster-image.js

@@ -6,6 +6,7 @@ import Component from './component.js';
 import * as Fn from './utils/fn.js';
 import * as Dom from './utils/dom.js';
 import * as browser from './utils/browser.js';
+import {silencePromise} from './utils/promise';
 
 /**
  * A `ClickableComponent` that handles showing the poster image for the player.
@@ -126,7 +127,7 @@ class PosterImage extends ClickableComponent {
     }
 
     if (this.player_.paused()) {
-      this.player_.play();
+      silencePromise(this.player_.play());
     } else {
       this.player_.pause();
     }