Add custom control support to Wistia

Fixes cookpete/react-player#1125
philip-luther · Nov 22, 2024 · fd3457d · fd3457d
1 parent 18f8b85
commit fd3457d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -40,6 +40,7 @@ export interface VimeoConfig {
 export interface WistiaConfig {
   options?: Object;
   playerId?: string;
+  customControls?: any[];
 }
 
 export interface MixcloudConfig {

diff --git a/src/players/Wistia.js b/src/players/Wistia.js
@@ -20,7 +20,10 @@ export default class Wistia extends Component {
 
   load (url) {
     const { playing, muted, controls, onReady, config, onError } = this.props
-    getSDK(SDK_URL, SDK_GLOBAL).then(() => {
+    getSDK(SDK_URL, SDK_GLOBAL).then(Wistia => {
+      if (config.customControls) {
+        config.customControls.forEach(control => Wistia.defineControl(control))
+      }
       window._wq = window._wq || []
       window._wq.push({
         id: this.playerID,

diff --git a/src/props.js b/src/props.js
@@ -60,7 +60,8 @@ export const propTypes = {
     }),
     wistia: shape({
       options: object,
-      playerId: string
+      playerId: string,
+      customControls: array
     }),
     mixcloud: shape({
       options: object
@@ -164,7 +165,8 @@ export const defaultProps = {
     },
     wistia: {
       options: {},
-      playerId: null
+      playerId: null,
+      customControls: null
     },
     mixcloud: {
       options: {