Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. disable video thumbnails on mobile

disable video thumbnails on mobile

Scheduled Pinned Locked Moved General Discussion
23 Posts 2 Posters 459 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #11

    I feel like it also depends on the Internet connection. Is it possible to replace the videos with a streaming link of eg mux?

    does mux give you access to .mp4 links?
    maybe i can somehow code it in a way where for project thumbnails
    the videos can be loaded from mux

    M 1 Reply Last reply
    0
    • arminunruhA arminunruh

      I feel like it also depends on the Internet connection. Is it possible to replace the videos with a streaming link of eg mux?

      does mux give you access to .mp4 links?
      maybe i can somehow code it in a way where for project thumbnails
      the videos can be loaded from mux

      M Offline
      M Offline
      mactics
      wrote on last edited by
      #12

      @arminunruh they can give me access to m3u8 file, which is as far as I understand sth similar.

      https://stream.mux.com/02gtq9s1GjOnv1gft02g7pSiT3uLqGM2aQu00lDMzR9jR00.m3u8

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by arminunruh
        #13

        now i was able to reproduce the videos not loading on mobile
        when i connect my phone to my computer and look at the output of the phone browser's console i see:

        Screenshot 2025-02-19 at 10.02.04.png

        its an error 400 mh
        https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/400

        im looking into this more, so far i couldnt find out why this happens

        1 Reply Last reply
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote on last edited by
          #14

          m3u8 file, i cant use this for the src attribute of a html5 video

          M 1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #15

            can you enable this:

            lazy loading in lay options

            Screenshot 2025-02-19 at 12.35.15.png

            because it seems like the website is attempting to load all videos at once, even the ones that are hidden

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #16

              or instead, can you update lay theme now? i changed the code so it will only load the filtered shown videos

              1 Reply Last reply
              0
              • M Offline
                M Offline
                mactics
                wrote on last edited by
                #17

                Hi Armin,
                thanks so much for looking into this! :) appreciate it!
                I turned on lazya loading AND updated laytheme. It seems to me it still happens.

                Do you think I need to scale the videos down even more and lower the bitrate?

                Screenshot 2025-02-20 at 16.14.09.png

                1 Reply Last reply
                0
                • arminunruhA arminunruh

                  m3u8 file, i cant use this for the src attribute of a html5 video

                  M Offline
                  M Offline
                  mactics
                  wrote on last edited by
                  #18

                  @arminunruh

                  I could try to do it over a cdn.

                  1 Reply Last reply
                  0
                  • M Offline
                    M Offline
                    mactics
                    wrote on last edited by mactics
                    #19

                    @arminunruh we did test logs on the server side. It seems like the browsers (sometimes) cache the videos in a wrong way.

                    server gets sometimes a 304 not modified

                    it really just happens on mobile.

                    by the way, how did you create those logs?

                    1 Reply Last reply
                    0
                    • arminunruhA Offline
                      arminunruhA Offline
                      arminunruh
                      Global Moderator
                      wrote on last edited by
                      #20

                      these are frontend logs, i connected my iphone to my macbook. then i opened safari, i enabled developer mode for safari.
                      then you can see logs here
                      Screenshot 2025-02-24 at 13.28.02.png

                      1 Reply Last reply
                      0
                      • arminunruhA Offline
                        arminunruhA Offline
                        arminunruh
                        Global Moderator
                        wrote on last edited by arminunruh
                        #21

                        well can you turn on these two settings please:
                        Screenshot 2025-02-24 at 13.28.33.png

                        then you can try with this setting turned on or off:

                        Screenshot 2025-02-24 at 13.29.02.png

                        because i think the problem may be, that too many videos are being loaded at once.
                        i fixed it for when lazyloading is on or off, but "enable html5 video lazyloading for safari" needs to stay on i think

                        1 Reply Last reply
                        0
                        • arminunruhA Offline
                          arminunruhA Offline
                          arminunruh
                          Global Moderator
                          wrote on last edited by arminunruh
                          #22

                          cause usually, with the correct settings, now only the first few visible videos should load (no matter if you have lazyloading on or off but "enable lazyloading for html5 videos for ios safari" needs to be on):

                          Screenshot 2025-02-24 at 13.31.00.png

                          but right now, it tries to load all 23 at once on the iphone and maybe thats the issue :O

                          1 Reply Last reply
                          0
                          • arminunruhA Offline
                            arminunruhA Offline
                            arminunruh
                            Global Moderator
                            wrote on last edited by
                            #23

                            hey there! did you manage to try my suggestion? im curious and i want to fix this :O

                            1 Reply Last reply
                            0
                            Reply
                            • Reply as topic
                            Log in to reply
                            • Oldest to Newest
                            • Newest to Oldest
                            • Most Votes


                            I also code custom websites or custom Lay features.
                            šŸ’æ Email me here: šŸ’æ
                            info@laytheme.com

                            Before you post:
                            1. When using a WordPress Cache plugin, disable it or clear your cache.
                            2. Update Lay Theme and all Lay Theme Addons
                            3. Disable all Plugins
                            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                            This often solves issues you might run into

                            When you post:
                            1. Post a link to where the problem is
                            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                            Online Users
                            A
                            alasdair17
                            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                            laytheme.com
                            • Login

                            • Don't have an account? Register

                            • Login or register to search.
                            • First post
                              Last post
                            0
                            • Recent
                            • Tags
                            • Popular
                            • Users
                            • Search