Greasy Fork

(Some) Videos don't play - reload continuously very quickly,
when the script is enable on certain videos, at less this one:
La Soupe aux choux

On many others videos, that is ok!

Tested on Waterfox Classic and disabling one by one each userscript...

Hey decembre,

I can't play that video since it's not available in my country. Maybe that's why the script has issues.
I haven't encountered this bug yet, but I'll see what I can do.

I can't play that video since it's not available in my country.

:
If it can help, that's video of movie (trailer) which add a buy button on thumbnail

Hmmm Hmmm... retested my link and now it work.....
So, sorry.

Strange thing anyway:
I don't think to have changing something important in my config.

No...
One time only success:
Now all these types of videos return bad.

;-(

PS:
And one more time, thanks for the fact that we can re-edit our posts:
I try just after 30 second and it don't want (JasonBarnabe said that we have 5 min to do it... normally).

Hey decembre,

I tried to reproduce this bug again. I was now able to reproduce it.
I've implemented a bugfix (although a hacky one) so please notify me if this behavior happens again

Thanks for you attention!
But, sorry, after a quick test, this happens always.

After some test it seems that it's my userstyle which cause this problem:
I don't understand why some CSS can cause this ...

If i disable it, the preview is normal.
When i re-enable it the preview became "blank" (just the thumbnail) .
More strange, it seems affected the 2 first videos in the queue.

When i inspect one empty thumbnail, i see this code (i don't know why i can' post the entire code here).
So, its CCS selector.
yt-img-shadow.style-scope.ytd-thumbnail.no-transition.empty

If you have a widescreen can you test it ?:
Youtube WideScreen (New Design Polymer)

I use Waterfox Classic

Hey decembre,

Youtube uses lazy loading to prevent images from loading when they are not in the viewport. Your userstyle probably changes some css causing this algorithm to not work correctly.

I'm pretty sure it's not a css selector issue since the thumbnails that don't load don't have the "src" attribute. You could use javascript to "fix" this (but you'll disable lazy loading in the process).

I tried looking in the youtube source code how they implemented this, but I didn't see anything obvious. I would need to reverse engineer the obfuscated javascript code and I don't really want to put effort into that.

Since your userstyle collapsed the queue, what happens if you remove the collapse? Are all queued items thumbnails visible?

Cptmathix, thanks as usual for your effort.
I appreciate.
;-)


"I tried looking in the youtube source code how they implemented this, but I didn't see anything obvious. I would need to reverse engineer the obfuscated javascript code and I don't really want to put effort into that."

I understand perfectly!

Yes, that's should this damn lazy loading issue:
But, like i said, it seems have a problem (yes, with my userstyle only...) for only the 2 first videos in queue.

I have encounter some problem like that with some of my other userstyles i made.


As i am not a vaudou in javascript, i have search how to fight it by using CSS.
Find some approach using (and after some test not very easy to understand) .
By example:
- overscroll-behavior (only Firefox > 59)
CSS overscroll-behavior : Contrôlez le scroll de vos interfaces
DEMO (not woking for FIR 57)
https://bennadel.github.io/JavaScript-Demos/demos/chrome-scroll-overscroll-behavior/
> some difficult to understand and not usable with Waterfox Classic (Fir 57) which is my principal browser.

- overflow-anchor
https://developer.mozilla.org/fr/docs/Web/CSS/overflow-anchor
- Scroll anchoring
https://www.reddit.com/r/firefox/comments/9rgks4/add_the_scroll_anchoring_function_you_ugly_piece/

Or manipulate the viewport...
I don't find a way to do that.

PS:
"Since your userstyle collapsed the queue, what happens if you remove the collapse? Are all queued items thumbnails visible? "

What do you mean by "remove the collapse" (sorry for my english...)?

Maybe keep the original height of the Queue container ?
I can test that.

It was an idea i wanted do before (and requested to you, to have an icon to click to open the queue, if i remember).
Me, i think i can use only the hover to make it open.

Hmmm...
Let the night pass...
And maybe i found a way to test that.

#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
      position: fixed !important;
      display: inline-block !important;
  width: 748px !important;
  height: 115px !important;
  min-height: 115px !important;
  /* max-height: 115px !important; */
      top: 88px !important;
      right: 0 !important;
  padding: 7px 5px 0 5px !important;
  overflow: hidden !important;
  z-index: 5 !important;
  visibility: visible !important;
  transition: height ease 0.7s !important;
  border-bottom: 4px solid red !important;
  /* background: red !important; */
  background: #111 !important;
  }

Disabling position fixed fixes the lazy loading issue for me. Although for me only the first 2 video images are displayed and the hidden onces that are only visible when hovering on the queue are broken. (I don't have a wide-screen monitor, so that might be why)

Thanks for the test.
I have trying a more general way by using some translate CSS....

I my preliminary test it seems ok...

Wait and see.

Just a little precision on my side:

Yes for this version of my userstyle (Queue on top of Related Videos)
/* position: fixed !important;*/
Solve the problem for queue.

But in fact, i still have a "lazy loading" problem for Related Vids and Comments:
I need to scroll them quickly after the load to have them visible.
If i do it later, they load without preview(for Related) or Stay empty (for Comments)...

For a next version i worked, with Queue at the bottom (because more pleasant when Queue is empty),
the fix don't work.

So, that's why i explore the translate CSS, which seems don't affect the Queue AND let loading more results or comment when i want .

;-)