translate hero video

Author: jean-gui

templates/components/styles/hero.html.twig

@@ -17,15 +17,15 @@
                             <div class="l-frame l-frame--16-9">
                                 <video controls loop muted playsinline preload="metadata" data-video="hero">
                                     <source src="{{ page.heroVideo[0].url }}" type="video/mp4">
-                                    Sorry, your browser does not support embedded videos. Here is a <a href="{{ page.heroVideo[0].url }}">link to the video</a> instead.
+                                    {{ 'components.hero.video.not_supported'|trans({video_url: page.heroVideo[0].url}, 'w3c_website_templates_bundle') }}
                                 </video>
                             </div>
                             <button class="button" data-video-control="hero" hidden>
                                 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 640" height="20" width="20" aria-hidden="true" focusable="false">
                                     <!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                                     <path class="play-icon" d="M187.2 100.9c-12.4-6.8-27.4-6.5-39.6.7-12.2 7.2-19.6 20.3-19.6 34.4v368c0 14.1 7.5 27.2 19.6 34.4 12.1 7.2 27.2 7.5 39.6.7l336-184c12.8-7 20.8-20.5 20.8-35.1 0-14.6-8-28.1-20.8-35.1l-336-184z"/>
                                     <path class=pause-icon d="M176 96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48h-64zm224 0c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48h-64z"/></svg>
-                                <span class="visuallyhidden">Play</span>
+                                <span class="visuallyhidden">{{ 'components.hero.video.play'|trans({}, 'w3c_website_templates_bundle') }}</span>
                             </button>
                         </div>
                     </div>

translations/w3c_website_templates_bundle+intl-icu.en.yaml

@@ -131,7 +131,7 @@ components:
                 =0 { evangelists }
                 one { evangelist }
                 other { evangelists }
-            } 
+            }
     members:
         title: W3C Members
         members_include: "{count} member organizations are involved in the {ecosystem_name} ecosystem, including:"
@@ -154,6 +154,11 @@ components:
             pressrelease: Press release
             pressreleases: Press releases
             page: Page
+    hero:
+        video:
+            play: Play
+            pause: Pause
+            not_supported: "Sorry, your browser does not support embedded videos. Here is a <a href=\"{video_url}\">link to the video</a> instead."
 post:
     meta:
         credit: >

translations/w3c_website_templates_bundle+intl-icu.ja.yaml

@@ -152,6 +152,11 @@ components:
             pressrelease: プレスリリース
             pressreleases: プレスリリース
             page: ページ
+    hero:
+        video:
+            play: __components.hero.video.play__
+            pause: __components.hero.video.pause__
+            not_supported: __components.hero.video.not_supported__ {video_url}
 post:
     meta:
         credit: >

translations/w3c_website_templates_bundle+intl-icu.zh-hans.yaml

@@ -150,6 +150,11 @@ components:
             pressrelease: 媒体新闻稿
             pressreleases: 媒体新闻稿
             page: 页面
+    hero:
+        video:
+            play: __components.hero.video.play__
+            pause: __components.hero.video.pause__
+            not_supported: __components.hero.video.not_supported__ {video_url}
 post:
     meta:
         credit: >