4 ms·

Might just be me, but the example photos (not the first two) don’t load on the landing page

phgn 4y ago
Do you mean the example videos with the text next to them? Or the 2 rows of images at the very bottom of the page? They are .webm and .webp. Which browser & browser version are you using?
- leipert 4y ago
  Not the parent, but Safari on iOS. https://caniuse.com/webm https://caniuse.com/webm
  - phgn 4y ago
    I just added .mp4 fallbacks, thanks for the tip!
- me_bx 4y ago
  For me the videos look like images, both on Firefox and chromium on linux. No play button is displayed, no video playback control bar either, and pressing on space bar does not start the video. Right-clicking over the video shows a context menu with "play" option. It is confusing to see these as screenshots of the cluttered interface and no indication that these are videos.
  - phgn 4y ago
    Do the videos auto-play for you when they appear? I made the bad decision of hand-coding the landing page in React, this is the result of it :)
    - riezebos 4y ago
      I think they have autoplay disabled, I have autoplay disabled as well and have the same experience. If I enable autoplay it works. (Firefox)
unsafecast 4y ago
I have no idea if it's related, but on chrome on my phone most of the page was solid yellow. Took a while to realize I'm supposed to scroll and the things show up. I don't like this 'trend' of the things appearing with an animation as you scroll, I find it irritating and sometimes confusing. Anyway, the problem here seems to be that the threshold is way too high, it only triggers when you scrolled the whole content away.
- phgn 4y ago
  I just lowered the scroll threshold on mobile, does that help? The problem is that the example videos auto-play and can be quite distracting if they're visible by default.
  - unsafecast 4y ago
    I _think_ it's better. For me, it's still a bit weird when you're scrolling past the first one, but I think you just need a hint or something that the region is scrollable (my confusion comes from the fact that there needs to be a card-length empty space for the card to come in).

phgn 4y ago

Do you mean the example videos with the text next to them? Or the 2 rows of images at the very bottom of the page? They are .webm and .webp. Which browser & browser version are you using?

leipert 4y ago
Not the parent, but Safari on iOS. https://caniuse.com/webm https://caniuse.com/webm
- phgn 4y ago
  I just added .mp4 fallbacks, thanks for the tip!
me_bx 4y ago
For me the videos look like images, both on Firefox and chromium on linux. No play button is displayed, no video playback control bar either, and pressing on space bar does not start the video. Right-clicking over the video shows a context menu with "play" option. It is confusing to see these as screenshots of the cluttered interface and no indication that these are videos.
- phgn 4y ago
  Do the videos auto-play for you when they appear? I made the bad decision of hand-coding the landing page in React, this is the result of it :)
  - riezebos 4y ago
    I think they have autoplay disabled, I have autoplay disabled as well and have the same experience. If I enable autoplay it works. (Firefox)

unsafecast 4y ago

I have no idea if it's related, but on chrome on my phone most of the page was solid yellow. Took a while to realize I'm supposed to scroll and the things show up. I don't like this 'trend' of the things appearing with an animation as you scroll, I find it irritating and sometimes confusing. Anyway, the problem here seems to be that the threshold is way too high, it only triggers when you scrolled the whole content away.

phgn 4y ago
I just lowered the scroll threshold on mobile, does that help? The problem is that the example videos auto-play and can be quite distracting if they're visible by default.
- unsafecast 4y ago
  I _think_ it's better. For me, it's still a bit weird when you're scrolling past the first one, but I think you just need a hint or something that the region is scrollable (my confusion comes from the fact that there needs to be a card-length empty space for the card to come in).