From c1e4790db6b6106702a75bd887ff701ec57981e4 Mon Sep 17 00:00:00 2001
From: amtins <andre.martins@rts.ch>
Date: Fri, 10 Nov 2023 16:48:28 +0100
Subject: [PATCH] fix(player): reset CSS classes at player.reset

Allows CSS classes to be reset when `player.reset` is called,
so that the player is close to its initial state.

- remove `vjs-playing`
- add `vjs-paused`
---
 src/js/player.js         | 4 ++++
 test/unit/player.test.js | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/js/player.js b/src/js/player.js
index e872644b9d..97a4057078 100644
--- a/src/js/player.js
+++ b/src/js/player.js
@@ -3599,6 +3599,10 @@ class Player extends Component {
     if (this.tech_) {
       this.tech_.clearTracks('text');
     }
+
+    this.removeClass('vjs-playing');
+    this.addClass('vjs-paused');
+
     this.resetCache_();
     this.poster('');
     this.loadTech_(this.options_.techOrder[0], null);
diff --git a/test/unit/player.test.js b/test/unit/player.test.js
index 3b77360594..509d9295d3 100644
--- a/test/unit/player.test.js
+++ b/test/unit/player.test.js
@@ -1910,6 +1910,8 @@ QUnit.test('player#reset loads the Html5 tech and then techCalls reset', functio
     options_: {
       techOrder: ['html5', 'youtube']
     },
+    addClass() {},
+    removeClass() {},
     resetCache_() {},
     loadTech_(tech, source) {
       loadedTech = tech;
@@ -1942,6 +1944,8 @@ QUnit.test('player#reset loads the first item in the techOrder and then techCall
     options_: {
       techOrder: ['youtube', 'html5']
     },
+    addClass() {},
+    removeClass() {},
     resetCache_() {},
     loadTech_(tech, source) {
       loadedTech = tech;