
YouTube: Make the Video Timer Always Visible
When listening to lectures on YouTube, I often type notes in a separate notebook. I usually want to reference the current timestamp alongside each note. The problem is that YouTube only shows the current time when you hover over the video or toggle play/pause - then it quickly disappears. Switching windows, tapping play/pause, glancing at the time, and switching back gets old fast. The timer lives in this element: <span class= "ytp-time-current" > 37:58 </span> When the controls are hidden, the timer stops ticking. You can also grab the time in seconds from the video element directly: document . querySelector ( ' video ' ). currentTime The Fix: Disable the Auto-Hide YouTube's player controls are hidden by a function that publishes an autohideupdate event. Commenting out that call keeps the controls - and the timer - permanently visible. Steps Open DevTools and find the Search panel in the bottom drawer (or press Ctrl+Shift+F ). Search for autohideupdate . You'll get four hits, all in a
Continue reading on Dev.to
Opens in a new tab

.png&w=1200&q=75)