I uploaded your demo to an S3 bucket to test the functionality. I changed the JS references to unkpg (instead of ../../dist) and changed the video to an https alternative. But when I launch the site I get the following console error in Chrome. Link to demo: https://videojs-chromecast.skeppa.app/
video.js:2296 Uncaught Error: Illegal component, "Chromecast"; techs must be registered using Tech.registerTech().
at Function.registerComponent (video.js:2296)
at Object.<anonymous> (videojs-chromecast.min.js:7)
at Object.2 (videojs-chromecast.min.js:7)
at n (videojs-chromecast.min.js:7)
at videojs-chromecast.min.js:7
at Object.<anonymous> (videojs-chromecast.min.js:7)
at Object.3../component/control-bar/chromecast-button (videojs-chromecast.min.js:7)
at n (videojs-chromecast.min.js:7)
at videojs-chromecast.min.js:7
at Object.<anonymous> (videojs-chromecast.min.js:7)
registerComponent @ video.js:2296
(anonymous) @ videojs-chromecast.min.js:7
2 @ videojs-chromecast.min.js:7
n @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
3../component/control-bar/chromecast-button @ videojs-chromecast.min.js:7
n @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
4../videojs-chromecast @ videojs-chromecast.min.js:7
n @ videojs-chromecast.min.js:7
e @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
(anonymous) @ videojs-chromecast.min.js:7
video.js:23482 VIDEOJS: Cast APIs not available
video.js:23482 VIDEOJS: Cast APIs not available. Max reconnect attempt
video.js:23482 VIDEOJS: ERROR: The "chromecast" tech is undefined. Skipped browser support check for that tech.
logByType @ video.js:23482
log.error @ video.js:23600
(anonymous) @ video.js:12288
selectSource @ video.js:12278
src_ @ video.js:12429
(anonymous) @ video.js:12386
setSourceHelper @ video.js:16910
setSourceHelper @ video.js:16912
(anonymous) @ video.js:16832
bound @ video.js:23258
setTimeout (async)
setTimeout @ video.js:2064
setSource @ video.js:16831
src @ video.js:12383
MediaLoader @ video.js:16790
addChild @ video.js:1169
handleAdd @ video.js:1291
initChildren @ video.js:1338
Player @ video.js:10362
videojs @ video.js:24429
(anonymous) @ (index):28
(index):31 Uncaught TypeError: player.chromecast is not a function
at Player.<anonymous> ((index):31)
at Player.<anonymous> (video.js:1405)
at Array.forEach (<anonymous>)
at Player.<anonymous> (video.js:1404)
at bound (video.js:23258)
(anonymous) @ (index):31
(anonymous) @ video.js:1405
(anonymous) @ video.js:1404
bound @ video.js:23258
setTimeout (async)
setTimeout @ video.js:2064
triggerReady @ video.js:1397
handleTechReady_ @ video.js:11034
bound @ video.js:23258
ready @ video.js:1374
loadTech_ @ video.js:10872
src_ @ video.js:12439
(anonymous) @ video.js:12386
setSourceHelper @ video.js:16910
setSourceHelper @ video.js:16912
(anonymous) @ video.js:16832
bound @ video.js:23258
setTimeout (async)
setTimeout @ video.js:2064
setSource @ video.js:16831
src @ video.js:12383
MediaLoader @ video.js:16790
addChild @ video.js:1169
handleAdd @ video.js:1291
initChildren @ video.js:1338
Player @ video.js:10362
videojs @ video.js:24429
(anonymous) @ (index):28
video.js:23482 VIDEOJS: Cast APIs are available
I uploaded your demo to an S3 bucket to test the functionality. I changed the JS references to unkpg (instead of ../../dist) and changed the video to an https alternative. But when I launch the site I get the following console error in Chrome. Link to demo: https://videojs-chromecast.skeppa.app/