diff --git a/package-lock.json b/package-lock.json index 82635ec..51a179c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,11 +12,12 @@ "datocms-listen": "^0.1.15", "datocms-structured-text-generic-html-renderer": "^4.0.1", "datocms-structured-text-utils": "^4.0.1", + "hls.js": "^1.5.17", "hyphenate-style-name": "^1.0.4" }, "devDependencies": { "@biomejs/biome": "^1.6.3", - "@mux/mux-player": "*", + "@mux/mux-player": "^2.5.0", "@mux/playback-core": "^0.22.1", "@types/hyphenate-style-name": "^1.0.2", "@types/jest": "^29.5.11", @@ -29,6 +30,7 @@ "jest-environment-jsdom": "^29.7.0", "jest-serializer-vue": "^2.0.2", "jsdom": "^19.0.0", + "matchmedia-polyfill": "^0.3.2", "np": "^9.2.0", "resize-observer-polyfill": "^1.5.1", "rollup": "^2.79.1", @@ -1766,28 +1768,66 @@ } }, "node_modules/@mux/mux-player": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/@mux/mux-player/-/mux-player-2.3.2.tgz", - "integrity": "sha512-ar58+vNGHCytUDM9+Q+yasFCRayqvw5UwyqUVibPR4k0yRML7PTqejAZNzi9obqgUW/yKsZEbV7foKDYcJL6uw==", + "version": "2.9.1", + "resolved": "https://registry.npmjs.org/@mux/mux-player/-/mux-player-2.9.1.tgz", + "integrity": "sha512-TAyoUSPTV0IXWGMOknL6O+IeGSEJ8aS154DzyzqZgdd3zDJHM8JpkyNHgtowatMHT2lB6h+qMtWfp4u3ijpo2A==", "dev": true, + "license": "MIT", "dependencies": { - "@mux/mux-video": "0.17.2", - "@mux/playback-core": "0.22.1", - "media-chrome": "~2.1.0" + "@mux/mux-video": "0.20.2", + "@mux/playback-core": "0.25.2", + "media-chrome": "~3.2.5" } }, + "node_modules/@mux/mux-player/node_modules/@mux/playback-core": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.25.2.tgz", + "integrity": "sha512-vrBbCgLHwmPpVxF0QGj+sXHUVXSxgDJJhVm8pxPXEkbw0vjPNHTXgAd/Ty6JA0vZ0ZjoQuAa17AxJ+c02JYeWQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "hls.js": "~1.5.11", + "mux-embed": "~5.2.0" + } + }, + "node_modules/@mux/mux-player/node_modules/mux-embed": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/mux-embed/-/mux-embed-5.2.1.tgz", + "integrity": "sha512-NukHw91xeEVDBeXVDBpi2BvXNix7gSuvdtyvOph5yR/ROn1hHbTlcYWoKQyCyJX9frsF00UROEul+S8wPzU3aQ==", + "dev": true, + "license": "MIT" + }, "node_modules/@mux/mux-video": { - "version": "0.17.2", - "resolved": "https://registry.npmjs.org/@mux/mux-video/-/mux-video-0.17.2.tgz", - "integrity": "sha512-IIGZhUYPClUIOQ/VZZ7kjYcxTcSSSvm+yiv/+c4hHlreO1XLly8Oe1Dzq2xx12t1b+UUupIzx2Cnc8bzVEQTKA==", + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@mux/mux-video/-/mux-video-0.20.2.tgz", + "integrity": "sha512-CqkK9EZZWdQE4U62JKlmWDskirT+D9C4suh2tSqKb2CA/0S4ybbbrVWcCKF7xfadUacfKO1yPsOKbe46F6phVQ==", "dev": true, + "license": "MIT", "dependencies": { - "@mux/playback-core": "0.22.1", - "castable-video": "~1.0.6", - "custom-media-element": "~1.2.2", - "media-tracks": "~0.3.0" + "@mux/playback-core": "0.25.2", + "castable-video": "~1.0.9", + "custom-media-element": "~1.3.1", + "media-tracks": "~0.3.2" } }, + "node_modules/@mux/mux-video/node_modules/@mux/playback-core": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.25.2.tgz", + "integrity": "sha512-vrBbCgLHwmPpVxF0QGj+sXHUVXSxgDJJhVm8pxPXEkbw0vjPNHTXgAd/Ty6JA0vZ0ZjoQuAa17AxJ+c02JYeWQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "hls.js": "~1.5.11", + "mux-embed": "~5.2.0" + } + }, + "node_modules/@mux/mux-video/node_modules/mux-embed": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/mux-embed/-/mux-embed-5.2.1.tgz", + "integrity": "sha512-NukHw91xeEVDBeXVDBpi2BvXNix7gSuvdtyvOph5yR/ROn1hHbTlcYWoKQyCyJX9frsF00UROEul+S8wPzU3aQ==", + "dev": true, + "license": "MIT" + }, "node_modules/@mux/playback-core": { "version": "0.22.1", "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.22.1.tgz", @@ -1798,6 +1838,13 @@ "mux-embed": "~4.30.0" } }, + "node_modules/@mux/playback-core/node_modules/hls.js": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.14.tgz", + "integrity": "sha512-UppQjyvPVclg+6t2KY/Rv03h0+bA5u6zwqVoz4LAC/L0fgYmIaCD7ZCrwe8WI1Gv01be1XL0QFsRbSdIHV/Wbw==", + "dev": true, + "license": "Apache-2.0" + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -3551,12 +3598,13 @@ ] }, "node_modules/castable-video": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/castable-video/-/castable-video-1.0.6.tgz", - "integrity": "sha512-Ykw2uL4ZQnqX0j9KF9ksbDpyc8I53mFMswCKW9yV5TrwpWkdNqRHLlcU85W30BIw61fgDjgm0Xh5G0rbcmv23g==", + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/castable-video/-/castable-video-1.0.10.tgz", + "integrity": "sha512-tJgUv+8/zE191y8EKojvB0eKIyKA9obIttd6Wpdm6x2qBmuwZ7wDgzVCSmf5cN2v9jBiuu0s7O5poz8a8cFX/w==", "dev": true, + "license": "MIT", "dependencies": { - "custom-media-element": "~1.2.2" + "custom-media-element": "~1.3.2" } }, "node_modules/ccount": { @@ -4296,10 +4344,11 @@ "peer": true }, "node_modules/custom-media-element": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.2.2.tgz", - "integrity": "sha512-tI+NjVRS485QlSxHeM3JIjdEZSJMLOZVp41/vvWukDmIkZSoYG9gLYl9GFZGBpY42UbRVo1eMlF7XkI/IiDHzQ==", - "dev": true + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.3.2.tgz", + "integrity": "sha512-nDyMobZgoAVqz7mA8rsn7i1/6bjH6N9ab2Ge7LyyNxrvxAq7zQJPg8i3u2VH7wEB+Y1T1+C3/h1G774/D+ZLag==", + "dev": true, + "license": "MIT" }, "node_modules/data-urls": { "version": "3.0.2", @@ -6041,10 +6090,10 @@ } }, "node_modules/hls.js": { - "version": "1.4.14", - "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.14.tgz", - "integrity": "sha512-UppQjyvPVclg+6t2KY/Rv03h0+bA5u6zwqVoz4LAC/L0fgYmIaCD7ZCrwe8WI1Gv01be1XL0QFsRbSdIHV/Wbw==", - "dev": true + "version": "1.5.17", + "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.5.17.tgz", + "integrity": "sha512-wA66nnYFvQa1o4DO/BFgLNRKnBTVXpNeldGRBJ2Y0SvFtdwvFKCbqa9zhHoZLoxHhZ+jYsj3aIBkWQQCPNOhMw==", + "license": "Apache-2.0" }, "node_modules/hosted-git-info": { "version": "7.0.1", @@ -9672,6 +9721,13 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/matchmedia-polyfill": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/matchmedia-polyfill/-/matchmedia-polyfill-0.3.2.tgz", + "integrity": "sha512-B2zRzjqxZFUusBZrZux59XFFLoTN99SbGranxIHfjZVLGZuy8Iaf/s5iNR3qJwRQZBjBKsU6qBSUCltLV82gdw==", + "dev": true, + "license": "MIT" + }, "node_modules/mdast-util-find-and-replace": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-1.1.1.tgz", @@ -9844,16 +9900,18 @@ } }, "node_modules/media-chrome": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/media-chrome/-/media-chrome-2.1.0.tgz", - "integrity": "sha512-ceUEE9tHVIe7KNmjtWq4oCOx1oYq09VyL3A9EP1MDGnFot0eOoLuDfaye/koe8+4tzhB4/yGyn8pIGuvzF85lg==", - "dev": true + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/media-chrome/-/media-chrome-3.2.5.tgz", + "integrity": "sha512-tTsgS7x77Bn4p/wca/Si/7A+Q3z9DzKq0SOkroQvrNMXBVyQasMayDcsKg5Ur5NGsymZfttnJi7tXvVr/tPj8g==", + "dev": true, + "license": "MIT" }, "node_modules/media-tracks": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/media-tracks/-/media-tracks-0.3.0.tgz", - "integrity": "sha512-kicD8eOFwe6nD7jn7iM/0yuLzWuo6abWHURYwY7NhxL1dBif+lt0on4rLTs6VhKwAEE/BjT3wr+0vn1w8SBpag==", - "dev": true + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/media-tracks/-/media-tracks-0.3.3.tgz", + "integrity": "sha512-9P2FuUHnZZ3iji+2RQk7Zkh5AmZTnOG5fODACnjhCVveX1McY3jmCRHofIEI+yTBqplz7LXy48c7fQ3Uigp88w==", + "dev": true, + "license": "MIT" }, "node_modules/meow": { "version": "12.1.1", @@ -15019,26 +15077,62 @@ } }, "@mux/mux-player": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/@mux/mux-player/-/mux-player-2.3.2.tgz", - "integrity": "sha512-ar58+vNGHCytUDM9+Q+yasFCRayqvw5UwyqUVibPR4k0yRML7PTqejAZNzi9obqgUW/yKsZEbV7foKDYcJL6uw==", + "version": "2.9.1", + "resolved": "https://registry.npmjs.org/@mux/mux-player/-/mux-player-2.9.1.tgz", + "integrity": "sha512-TAyoUSPTV0IXWGMOknL6O+IeGSEJ8aS154DzyzqZgdd3zDJHM8JpkyNHgtowatMHT2lB6h+qMtWfp4u3ijpo2A==", "dev": true, "requires": { - "@mux/mux-video": "0.17.2", - "@mux/playback-core": "0.22.1", - "media-chrome": "~2.1.0" + "@mux/mux-video": "0.20.2", + "@mux/playback-core": "0.25.2", + "media-chrome": "~3.2.5" + }, + "dependencies": { + "@mux/playback-core": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.25.2.tgz", + "integrity": "sha512-vrBbCgLHwmPpVxF0QGj+sXHUVXSxgDJJhVm8pxPXEkbw0vjPNHTXgAd/Ty6JA0vZ0ZjoQuAa17AxJ+c02JYeWQ==", + "dev": true, + "requires": { + "hls.js": "~1.5.11", + "mux-embed": "~5.2.0" + } + }, + "mux-embed": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/mux-embed/-/mux-embed-5.2.1.tgz", + "integrity": "sha512-NukHw91xeEVDBeXVDBpi2BvXNix7gSuvdtyvOph5yR/ROn1hHbTlcYWoKQyCyJX9frsF00UROEul+S8wPzU3aQ==", + "dev": true + } } }, "@mux/mux-video": { - "version": "0.17.2", - "resolved": "https://registry.npmjs.org/@mux/mux-video/-/mux-video-0.17.2.tgz", - "integrity": "sha512-IIGZhUYPClUIOQ/VZZ7kjYcxTcSSSvm+yiv/+c4hHlreO1XLly8Oe1Dzq2xx12t1b+UUupIzx2Cnc8bzVEQTKA==", + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@mux/mux-video/-/mux-video-0.20.2.tgz", + "integrity": "sha512-CqkK9EZZWdQE4U62JKlmWDskirT+D9C4suh2tSqKb2CA/0S4ybbbrVWcCKF7xfadUacfKO1yPsOKbe46F6phVQ==", "dev": true, "requires": { - "@mux/playback-core": "0.22.1", - "castable-video": "~1.0.6", - "custom-media-element": "~1.2.2", - "media-tracks": "~0.3.0" + "@mux/playback-core": "0.25.2", + "castable-video": "~1.0.9", + "custom-media-element": "~1.3.1", + "media-tracks": "~0.3.2" + }, + "dependencies": { + "@mux/playback-core": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/@mux/playback-core/-/playback-core-0.25.2.tgz", + "integrity": "sha512-vrBbCgLHwmPpVxF0QGj+sXHUVXSxgDJJhVm8pxPXEkbw0vjPNHTXgAd/Ty6JA0vZ0ZjoQuAa17AxJ+c02JYeWQ==", + "dev": true, + "requires": { + "hls.js": "~1.5.11", + "mux-embed": "~5.2.0" + } + }, + "mux-embed": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/mux-embed/-/mux-embed-5.2.1.tgz", + "integrity": "sha512-NukHw91xeEVDBeXVDBpi2BvXNix7gSuvdtyvOph5yR/ROn1hHbTlcYWoKQyCyJX9frsF00UROEul+S8wPzU3aQ==", + "dev": true + } } }, "@mux/playback-core": { @@ -15049,6 +15143,14 @@ "requires": { "hls.js": "~1.4.13", "mux-embed": "~4.30.0" + }, + "dependencies": { + "hls.js": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.14.tgz", + "integrity": "sha512-UppQjyvPVclg+6t2KY/Rv03h0+bA5u6zwqVoz4LAC/L0fgYmIaCD7ZCrwe8WI1Gv01be1XL0QFsRbSdIHV/Wbw==", + "dev": true + } } }, "@nodelib/fs.scandir": { @@ -16455,12 +16557,12 @@ "dev": true }, "castable-video": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/castable-video/-/castable-video-1.0.6.tgz", - "integrity": "sha512-Ykw2uL4ZQnqX0j9KF9ksbDpyc8I53mFMswCKW9yV5TrwpWkdNqRHLlcU85W30BIw61fgDjgm0Xh5G0rbcmv23g==", + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/castable-video/-/castable-video-1.0.10.tgz", + "integrity": "sha512-tJgUv+8/zE191y8EKojvB0eKIyKA9obIttd6Wpdm6x2qBmuwZ7wDgzVCSmf5cN2v9jBiuu0s7O5poz8a8cFX/w==", "dev": true, "requires": { - "custom-media-element": "~1.2.2" + "custom-media-element": "~1.3.2" } }, "ccount": { @@ -17011,9 +17113,9 @@ "peer": true }, "custom-media-element": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.2.2.tgz", - "integrity": "sha512-tI+NjVRS485QlSxHeM3JIjdEZSJMLOZVp41/vvWukDmIkZSoYG9gLYl9GFZGBpY42UbRVo1eMlF7XkI/IiDHzQ==", + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/custom-media-element/-/custom-media-element-1.3.2.tgz", + "integrity": "sha512-nDyMobZgoAVqz7mA8rsn7i1/6bjH6N9ab2Ge7LyyNxrvxAq7zQJPg8i3u2VH7wEB+Y1T1+C3/h1G774/D+ZLag==", "dev": true }, "data-urls": { @@ -18159,10 +18261,9 @@ } }, "hls.js": { - "version": "1.4.14", - "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.14.tgz", - "integrity": "sha512-UppQjyvPVclg+6t2KY/Rv03h0+bA5u6zwqVoz4LAC/L0fgYmIaCD7ZCrwe8WI1Gv01be1XL0QFsRbSdIHV/Wbw==", - "dev": true + "version": "1.5.17", + "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.5.17.tgz", + "integrity": "sha512-wA66nnYFvQa1o4DO/BFgLNRKnBTVXpNeldGRBJ2Y0SvFtdwvFKCbqa9zhHoZLoxHhZ+jYsj3aIBkWQQCPNOhMw==" }, "hosted-git-info": { "version": "7.0.1", @@ -20835,6 +20936,12 @@ "repeat-string": "^1.0.0" } }, + "matchmedia-polyfill": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/matchmedia-polyfill/-/matchmedia-polyfill-0.3.2.tgz", + "integrity": "sha512-B2zRzjqxZFUusBZrZux59XFFLoTN99SbGranxIHfjZVLGZuy8Iaf/s5iNR3qJwRQZBjBKsU6qBSUCltLV82gdw==", + "dev": true + }, "mdast-util-find-and-replace": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-1.1.1.tgz", @@ -20959,15 +21066,15 @@ "dev": true }, "media-chrome": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/media-chrome/-/media-chrome-2.1.0.tgz", - "integrity": "sha512-ceUEE9tHVIe7KNmjtWq4oCOx1oYq09VyL3A9EP1MDGnFot0eOoLuDfaye/koe8+4tzhB4/yGyn8pIGuvzF85lg==", + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/media-chrome/-/media-chrome-3.2.5.tgz", + "integrity": "sha512-tTsgS7x77Bn4p/wca/Si/7A+Q3z9DzKq0SOkroQvrNMXBVyQasMayDcsKg5Ur5NGsymZfttnJi7tXvVr/tPj8g==", "dev": true }, "media-tracks": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/media-tracks/-/media-tracks-0.3.0.tgz", - "integrity": "sha512-kicD8eOFwe6nD7jn7iM/0yuLzWuo6abWHURYwY7NhxL1dBif+lt0on4rLTs6VhKwAEE/BjT3wr+0vn1w8SBpag==", + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/media-tracks/-/media-tracks-0.3.3.tgz", + "integrity": "sha512-9P2FuUHnZZ3iji+2RQk7Zkh5AmZTnOG5fODACnjhCVveX1McY3jmCRHofIEI+yTBqplz7LXy48c7fQ3Uigp88w==", "dev": true }, "meow": { diff --git a/package.json b/package.json index e95be16..73d410a 100644 --- a/package.json +++ b/package.json @@ -44,6 +44,7 @@ "datocms-listen": "^0.1.15", "datocms-structured-text-generic-html-renderer": "^4.0.1", "datocms-structured-text-utils": "^4.0.1", + "hls.js": "^1.5.17", "hyphenate-style-name": "^1.0.4" }, "peerDependencies": { @@ -57,18 +58,20 @@ }, "devDependencies": { "@biomejs/biome": "^1.6.3", - "@mux/mux-player": "*", + "@mux/mux-player": "^2.5.0", "@mux/playback-core": "^0.22.1", "@types/hyphenate-style-name": "^1.0.2", "@types/jest": "^29.5.11", "@types/node": "^14.18.63", "@vue/test-utils": "^2.4.3", "@vuedx/typescript-plugin-vue": "^0.7.6", + "doctoc": "^2.0.0", "esbuild": "^0.15.18", "jest": "^29.7.0", "jest-environment-jsdom": "^29.7.0", "jest-serializer-vue": "^2.0.2", "jsdom": "^19.0.0", + "matchmedia-polyfill": "^0.3.2", "np": "^9.2.0", "resize-observer-polyfill": "^1.5.1", "rollup": "^2.79.1", @@ -77,7 +80,6 @@ "ts-jest": "^29.1.1", "tslib": "^2.6.2", "typescript": "^4.9.5", - "vue-tsc": "^0.37.9", - "doctoc": "^2.0.0" + "vue-tsc": "^0.37.9" } } diff --git a/src/components/VideoPlayer/__tests__/__snapshots__/index.test.ts.snap b/src/components/VideoPlayer/__tests__/__snapshots__/index.test.ts.snap index d2dfec7..d327627 100644 --- a/src/components/VideoPlayer/__tests__/__snapshots__/index.test.ts.snap +++ b/src/components/VideoPlayer/__tests__/__snapshots__/index.test.ts.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`VideoPlayer with complete data generates a 1`] = ``; +exports[`VideoPlayer with complete data generates a 1`] = ``; diff --git a/src/components/VideoPlayer/__tests__/index.test.ts b/src/components/VideoPlayer/__tests__/index.test.ts index f6c76ae..b9b5958 100644 --- a/src/components/VideoPlayer/__tests__/index.test.ts +++ b/src/components/VideoPlayer/__tests__/index.test.ts @@ -1,5 +1,7 @@ import { mount } from '@vue/test-utils'; +require('matchmedia-polyfill'); +require('matchmedia-polyfill/matchMedia.addListener'); (global as any).ResizeObserver = require('resize-observer-polyfill'); import { VideoPlayer } from '../'; @@ -21,7 +23,7 @@ describe('VideoPlayer', () => { it('generates a ', () => { const wrapper = mount(VideoPlayer, { - propsData: { data, disableCookies: true }, + propsData: { data }, } as any); expect(wrapper.html()).toMatchSnapshot(); diff --git a/src/components/VideoPlayer/index.ts b/src/components/VideoPlayer/index.ts index e92d8a0..d4fb59c 100644 --- a/src/components/VideoPlayer/index.ts +++ b/src/components/VideoPlayer/index.ts @@ -1,5 +1,7 @@ import { defineComponent, h, ref, type PropType } from 'vue'; +// import '@mux/mux-player'; + import { useVideoPlayer } from '../../composables/useVideoPlayer'; import type { @@ -173,6 +175,11 @@ export const VideoPlayer = defineComponent({ required: false, default: () => true, }, + disableTracking: { + type: Boolean, + required: false, + default: () => true, + }, disablePictureInPicture: { type: Boolean, required: false, @@ -371,6 +378,7 @@ export const VideoPlayer = defineComponent({ setup: ({ data = {}, disableCookies = true, + disableTracking = true, preload = 'metadata', ...otherProps }) => { @@ -381,6 +389,7 @@ export const VideoPlayer = defineComponent({ const computedProps = { ...useVideoPlayer({ data }), disableCookies, + disableTracking, preload, };