fix: withCredentials (ME-16117) (#607)

* fix: withCredentials

* fix: withCredentials in playerConfig as documented

Author: tsi

src/plugins/cloudinary/common.js

@@ -114,7 +114,10 @@ const setupCloudinaryMiddleware = () => {
   videojs.use('video/auto', () => {
     return {
       async setSource(srcObj, next) {
-        const { headers } = await fetch(srcObj.src, { method: 'HEAD' });
+        const { headers } = await fetch(srcObj.src, {
+          method: 'HEAD',
+          credentials: srcObj.withCredentials ? 'include' : 'omit'
+        });
 
         return next(null, {
           src: srcObj.src,

src/validators/validators.js

@@ -39,6 +39,7 @@ export const playerValidators = {
     queryParams: validator.isPlainObject,
     publicId: validator.isString,
     fluid: validator.isBoolean,
+    withCredentials: validator.isBoolean,
     analytics: validator.isBoolean,
     cloudinaryAnalytics: validator.isBoolean,
     hideContextMenu: validator.isBoolean,
@@ -84,7 +85,6 @@ export const playerValidators = {
 export const sourceValidators = {
   raw_transformation: validator.isString,
   shoppable: validator.isPlainObject,
-  withCredentials: validator.isBoolean,
   chapters: validator.or(validator.isBoolean, validator.isPlainObject),
   interactionAreas: {
     enable: validator.isBoolean,

src/video-player.js

@@ -550,6 +550,10 @@ class VideoPlayer extends Utils.mixin(Eventable) {
       options.usageReport = true;
     }
 
+    if (this.playerOptions.withCredentials) {
+      options.withCredentials = true;
+    }
+
     clearTimeout(this.reTryId);
     this.nbCalls = 0;
     const maxTries = this.videojs.options_.maxTries || 3;