docs: fix more misspellings (#5067)

Author: Maysjtu

src/js/clickable-component.js

@@ -1,5 +1,5 @@
 /**
- * @file button.js
+ * @file clickable-component.js
  */
 import Component from './component';
 import * as Dom from './utils/dom.js';
@@ -78,7 +78,7 @@ class ClickableComponent extends Component {
   }
 
   dispose() {
-    // remove controlTextEl_ on dipose
+    // remove controlTextEl_ on dispose
     this.controlTextEl_ = null;
 
     super.dispose();

src/js/poster-image.js

@@ -85,7 +85,7 @@ class PosterImage extends ClickableComponent {
   setSrc(url) {
     let backgroundImage = '';
 
-    // Any falsey values should stay as an empty string, otherwise
+    // Any falsy value should stay as an empty string, otherwise
     // this will throw an extra error
     if (url) {
       backgroundImage = `url("${url}")`;

src/js/slider/slider.js

@@ -100,7 +100,7 @@ class Slider extends Component {
   }
 
   /**
-   * Create the `Button`s DOM element.
+   * Create the `Slider`s DOM element.
    *
    * @param {string} type
    *        Type of element to create.
@@ -270,8 +270,8 @@ class Slider extends Component {
    *
    * @return {number}
    *         The current position of the Slider.
-   *         - postition.x for vertical `Slider`s
-   *         - postition.y for horizontal `Slider`s
+   *         - position.x for vertical `Slider`s
+   *         - position.y for horizontal `Slider`s
    */
   calculateDistance(event) {
     const position = Dom.getPointerPosition(this.el_, event);

src/js/tech/loader.js

@@ -21,7 +21,7 @@ class MediaLoader extends Component {
    *        The `Player` that this class should attach to.
    *
    * @param {Object} [options]
-   *        The key/value stroe of player options.
+   *        The key/value store of player options.
    *
    * @param {Component~ReadyCallback} [ready]
    *        The function that is run when this component is ready.

src/js/tech/middleware.js

@@ -37,7 +37,7 @@ export function get(middleware, tech, method) {
 
 /**
  * Takes the argument given to the player and calls the setter method on each
- * middlware from left to right to the tech.
+ * middleware from left to right to the tech.
  */
 export function set(middleware, tech, method, arg) {
   return tech[method](middleware.reduce(middlewareIterator(method), arg));

src/js/tracks/text-track-display.js

@@ -162,7 +162,7 @@ class TextTrackDisplay extends Component {
     }
 
     // The preferredTrack matches the user preference and takes
-    // precendence over all the other tracks.
+    // precedence over all the other tracks.
     // So, display the preferredTrack before the first default track
     // and the subtitles/captions track before the descriptions track
     if (preferredTrack) {
@@ -260,7 +260,7 @@ class TextTrackDisplay extends Component {
   }
 
   /**
-   * Add an {@link Texttrack} to to the {@link Tech}s {@link TextTrackList}.
+   * Add an {@link TextTrack} to to the {@link Tech}s {@link TextTrackList}.
    *
    * @param {TextTrack} track
    *        Text track object to be added to the list.