fix(ads): Fixed Ads workflow when playing midroll Ads not updating pr…

…operly Play button

README.md

@@ -137,9 +137,10 @@ All [HTML5 media events](https://developer.mozilla.org/en-US/docs/Web/Guide/Even
 
 Event | Description
 --- | ---
-`controlshidden` | Event executed when controls timer stops and hides control bar (video only)
-`controlschanged` | Event triggered when an element modified the state of the controls and they regenerate (i.e., adding new cpation)
-`adsended` | Event executed when an Ad ends playing (currently used to change the Replay icon to Pause when playing a postroll Ad)
+`controlshidden` | Event executed when controls timer stops and hides control bar (video only).
+`controlschanged` | Event triggered when an element modified the state of the controls and they regenerate (i.e., adding new caption).
+`captionschanged` | Event triggered when user changes the current caption by selecting a new one from the `Settings` menu.
+`adsended` | Event executed when an Ad ends playing (currently used to change the Replay icon to Pause when playing a postroll Ad).
 
 ## Contributions
 

src/js/media/ads.ts

@@ -473,6 +473,9 @@ class Ads {
             case google.ima.AdEvent.Type.STARTED:
                 if (ad.isLinear()) {
                     this.adsActive = true;
+                    const playEvent = addEvent('play');
+                    this.element.dispatchEvent(playEvent);
+
                     if (this.media.ended) {
                         this.adsEnded = false;
                         const endEvent = addEvent('adsended');