diff --git a/src/patterns/04-components/card/card--banner/card--banner.js b/src/patterns/04-components/card/card--banner/card--banner.js index e6a50bbdf2849c5a29242895d0df0ccc6777808e..86cd91f29a258ff2c05b18e5afed3ef50c1adae9 100644 --- a/src/patterns/04-components/card/card--banner/card--banner.js +++ b/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'); } }); }); diff --git a/src/patterns/04-components/card/card-elements/_banner.twig b/src/patterns/04-components/card/card-elements/_banner.twig index 9d18a1275bea14cedf798013be08d454d47c7c32..c5e57838420c79a45a12170101e8baf09381acee 100644 --- a/src/patterns/04-components/card/card-elements/_banner.twig +++ b/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',