diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue index 64c4c5bf..082c2ad4 100644 --- a/src/components/VideoPlayer.vue +++ b/src/components/VideoPlayer.vue @@ -214,6 +214,8 @@ export default { }, methods: { async loadVideo() { + this.updateSponsors(); + const component = this; const videoEl = this.$refs.videoEl; @@ -688,6 +690,18 @@ export default { if (markers) markers.style.background = `linear-gradient(${array.join(",")})`; }, + updateSponsors() { + const skipOptions = this.getPreferenceJSON("skipOptions", {}); + this.sponsors?.segments?.forEach(segment => { + const option = skipOptions[segment.category]; + segment.autoskip = option === undefined || option === "auto"; + }); + if (this.getPreferenceBoolean("showMarkers", true)) { + this.shakaPromise.then(() => { + this.updateMarkers(); + }); + } + }, destroy(hotkeys) { if (this.$ui && !document.pictureInPictureElement) { this.$ui.destroy(); @@ -702,20 +716,6 @@ export default { this.$refs.container?.querySelectorAll("div").forEach(node => node.remove()); }, }, - watch: { - sponsors() { - const skipOptions = this.getPreferenceJSON("skipOptions", {}); - this.sponsors?.segments?.forEach(segment => { - const option = skipOptions[segment.category]; - segment.autoskip = option === undefined || option === "auto"; - }); - if (this.getPreferenceBoolean("showMarkers", true)) { - this.shakaPromise.then(() => { - this.updateMarkers(); - }); - } - }, - }, };