About the
time progress bar or the
skip bar: I found a great workaround to hide it on
Windows 10 with Google Chrome (64 bit).
First, the obvious part:
Log into nhl.tv using your paid for subscription. Toggle on “Hide Scores.”
Now, the not so obvious part:
Put your browser window into windowed mode. Make sure that it is only about 400 pixels high, i. e. adjust its vertical dimensions.
Now, navigate to the game you want to watch. As the window is quite tiny, this may be somewhat inconvenient but alas. Select the broadcast feed and, if available, choose whether you want to watch the game from the start or not.
Once you have done this, the video should be fetching. This is the crucial part where you do not want to scroll down. If you do, you get a glimpse of the skip bar and the total length of the game.
Finally, the actual solution:
Hit F12 on your keyboard. This opens the DevTools of the browser. Do not shy away from the plethora of code in there. Remain calm. Navigate to the icon which has three dots stacked on top of each other. Per default, it should be almost all the way to the right, near the “X” icon which would close the DevTools. When you hover your mouse cursor over the button with the three stacked dots, there should be an info pop-up stating “Customize and control DevTools.”
Click on that icon. On the top of the newly opened sub-menu, select the “Dock side” option to “Undock into separate window.”
You should now have two instances of Chrome running: The first one is the game feed with the game running in the background. The second one should be the DevTools menu. In that menu, per default, the “elements” tab should be active. Of its several lines of code, one single line should be highlighted in gray. The line should read:
Code:
<body class="nhl loading playerpage">
Do not edit that line. Rather, perform a right click onto it. In the context menu, select “Expand recursively.”
Wait, be patient. Your computer has a lot of processing to do now.
After 20 seconds or so, all code branches associated with the line of code quoted above should have opened up. Once this has happened, the most important operation starts:
Hit CTRL+F to initiate a search query. Search for the following term:
This search query should bring up 2 results. The first one is of relevance. It should bring you to a line of code which reads as follows:
Code:
<div class="sravvpl_controlbar">
Again, do not edit this line of code. Rather, perform a right click on it. In the context menu, select “Hide element.”
Confirm your action by performing another right click onto the item, i. e. on
Code:
<div class="sravvpl_controlbar">
Ensure that in the context menu, the “Hide element” option has a checkmark to its left.
Done.
Switch to the other window of Google Chrome, i. e. the window which has had the game running in the background. Navigate to the video feed. Go full screen with a double click on the moving pictures or by pressing the F key on your keyboard.
To play/pause, use the spacebar.
To skip forwards or backwards 10 seconds, use the cursor keys left or right.
To exit or enter full screen mode, press F on your keyboard.
For these hotkeys to work, it may be necessary to left click onto the video image so that the focus is on the feed.
Keep in mind that this workaround needs to be performed every time you refresh the nhl.tv page. With some practice using the NHL game of October 8 2022, I can routinely do this in less than one minute.