Merge branch 'feature/ISTWCMS-7180-kpaxman-video_pause' into '1.1.x'

Feature/istwcms 7180 kpaxman video pause

See merge request !236

src/patterns/04-components/card/card--banner/card--banner.js

@@ -21,14 +21,14 @@
               $(this).removeClass('uw-video-play');
               $(this).addClass('uw-video-pause');
               $(this).attr('aria-label', 'Pause');
-              $(this).attr('title', 'Pause Video Autoplay');
+              $(this).attr('title', 'Pause video autoplay');
             }
             else {
               video.pause();
               $(this).removeClass('uw-video-pause');
               $(this).addClass('uw-video-play');
               $(this).attr('aria-label', 'Play');
-              $(this).attr('title', 'Pause Video Autoplay');
+              $(this).attr('title', 'Resume video autoplay');
             }
           });
         });

src/patterns/04-components/card/card-elements/_banner.twig

@@ -102,10 +102,10 @@
   {% if image.link %}
     </a>
   {% endif %}
-  {% if image.type == "uw_para_local_video_banner" and media_flags.use_play_pause %}
+  {% if image.type == "uw_para_local_video_banner" and image.video %}
     <div class="video-bottom">
       <div class="controls embedded-video-controls">
-        <button id="btn-{{ image.uuid }}"  class="banner-video-control video-control uw-video-pause" aria-label="Pause" title="Pause Video Autoplay">
+        <button id="btn-{{ image.uuid }}"  class="banner-video-control video-control uw-video-pause" aria-label="Pause" title="Pause video autoplay">
           <span class ="play">
             {% include '@components/icon/icon--button/icon--button.twig' with {
               'name': 'banner_play',