fix(ads): Hide the ad container when ads aren't playing.

The ad container intervened with native browser controls in Chrome.

Closes shaka-project#3121

Change-Id: I620d3318c8f9e5bed0a83c3de66f746d20c6703e

ui/controls.js

@@ -663,12 +663,14 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
   /** @export */
   showAdUI() {
     shaka.ui.Utils.setDisplay(this.adPanel_, true);
+    shaka.ui.Utils.setDisplay(this.clientAdContainer_, true);
     this.controlsContainer_.setAttribute('ad-active', 'true');
   }
 
   /** @export */
   hideAdUI() {
     shaka.ui.Utils.setDisplay(this.adPanel_, false);
+    shaka.ui.Utils.setDisplay(this.clientAdContainer_, false);
     this.controlsContainer_.removeAttribute('ad-active');
   }
 
@@ -947,6 +949,7 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
     /** @private {!HTMLElement} */
     this.clientAdContainer_ = shaka.util.Dom.createHTMLElement('div');
     this.clientAdContainer_.classList.add('shaka-client-side-ad-container');
+    shaka.ui.Utils.setDisplay(this.clientAdContainer_, false);
     this.videoContainer_.appendChild(this.clientAdContainer_);
   }