update duration container name for premiere - Plus handle old container name also - fixes OsaSoft#257

Author: ericfrazer

tests/fixtures/subscription-feed.html

@@ -1,4 +1,4 @@
-<!-- YouTube Subscription Feed Mock Structure -->
+<!-- YouTube Subscription Feed Mock Structure - pre 2026-04 -->
 <div id="page-manager">
     <ytd-browse page-subtype="subscriptions">
         <div id="primary">
@@ -27,7 +27,7 @@
                                         <a id="video-title" href="/watch?v=video1234567">
                                             <span>Video 1</span>
                                         </a>
-                                        <div class="ytBadgeShapeText">5:30</div>
+                                        <div class="yt-badge-shape__text">5:30</div>
                                     </div>
                                 </ytd-rich-item-renderer>
 
@@ -37,7 +37,7 @@
                                         <a id="video-title" href="/watch?v=video2345678">
                                             <span>Video 2</span>
                                         </a>
-                                        <div class="ytBadgeShapeText">10:00</div>
+                                        <div class="yt-badge-shape__text">10:00</div>
                                     </div>
                                 </ytd-rich-item-renderer>
 
@@ -66,7 +66,7 @@
                                             <span>Members Only Video</span>
                                         </a>
                                         <div class="yt-badge-shape--membership">Members only</div>
-                                        <div class="ytBadgeShapeText">20:00</div>
+                                        <div class="yt-badge-shape__text">20:00</div>
                                     </div>
                                 </ytd-rich-item-renderer>
 

videos/Video.js

@@ -43,6 +43,7 @@ function getVideoId(item) {
 }
 
 function getVideoDuration(item) {
+
     // Try old layout selector
     let durationDiv = item.containingDiv.querySelector(".ytBadgeShapeText");
     if ((durationDiv != null) && (durationDiv.textContent.includes(":"))) {
@@ -61,6 +62,12 @@ function getVideoDuration(item) {
         }
     }
 
+    // Try older layout selector pre 2026-04
+    let durationDiv = item.containingDiv.querySelector(".yt-badge-shape__text");
+    if ((durationDiv != null) && (durationDiv.textContent.includes(":"))) {
+        return durationDiv.textContent;
+    }
+
     return null;
 }