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. Mouse cursor not working over HTML5 videos

Mouse cursor not working over HTML5 videos

Scheduled Pinned Locked Moved General Discussion
html5cursorvideo
16 Posts 4 Posters 1.8k 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.
  • S Offline
    S Offline
    strk
    wrote on last edited by
    #1

    Hi,

    I'm trying to build a carousel with some html5 self-hosted videos but the mouse cursor to move forward and backwards is not working over the videos, only when it's outside the video area.

    Is there a way to make it work over the videos?

    Thanks!

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

      Hey can you please send me a link to a page where you have this problem?

      Thanks!

      S 1 Reply Last reply
      0
      • arminunruhA arminunruh

        Hey can you please send me a link to a page where you have this problem?

        Thanks!

        S Offline
        S Offline
        strk
        wrote on last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          Hey on safari 10 and latest chrome i do see the mousecursor arrows.

          I think what you really mean is that you cannot click on the html5 video to go left and right. That is true yea that doesn't seem to work. Wrote it down and going to work on it.

          Btw. you are not doing a carousel, but you are using the fullscreen slider addon. Maybe the carousel addon would be better here.

          S 1 Reply Last reply
          0
          • arminunruhA arminunruh

            Hey on safari 10 and latest chrome i do see the mousecursor arrows.

            I think what you really mean is that you cannot click on the html5 video to go left and right. That is true yea that doesn't seem to work. Wrote it down and going to work on it.

            Btw. you are not doing a carousel, but you are using the fullscreen slider addon. Maybe the carousel addon would be better here.

            S Offline
            S Offline
            strk
            wrote on last edited by
            #5

            @arminunruh Yes Armin, I meant that, thanks

            I used the fullscreen slider because I'm using fullscreen imatges, could I used them in the carousel addon as well?

            Many thanks

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

              hey strk,
              I will update the carousel addon one day so it can be a fullscreen slider. Will take a while to code that.

              1 Reply Last reply
              0
              • S Offline
                S Offline
                strk
                wrote on last edited by
                #7

                THANK YOU! @arminunruh

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  mrrpringle
                  wrote on last edited by
                  #8

                  Hi Armin,

                  I'm having this same issue... Was there a fix to have the custom arrow cursor work over HTML5 videos added into a carousel?

                  Thanks!

                  1 Reply Last reply
                  0
                  • mariusjopenM Offline
                    mariusjopenM Offline
                    mariusjopen
                    Global Moderator
                    wrote on last edited by
                    #9

                    Dear @mrrpringle
                    on the CAROUSEL it works.

                    On the FULLSCREEN SLIDER the problem seems to remain.

                    We will get back to that.

                    Best!

                    Marius

                    www.mariusjopen.world

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

                      @mrrpringle please send the URL of where you have the problem

                      1 Reply Last reply
                      0
                      • M Offline
                        M Offline
                        mrrpringle
                        wrote on last edited by
                        #11

                        Hi, thanks for the reply, here is the URL with the carousel feature: mackenziepringle.com/testing

                        1 Reply Last reply
                        0
                        • mariusjopenM Offline
                          mariusjopenM Offline
                          mariusjopen
                          Global Moderator
                          wrote on last edited by
                          #12

                          Dear @mrrpringle
                          how did you insert the custom cursor.

                          If you use this here for example, it works:

                          .col .lay-carousel.cursor-left .lay-carousel-slide {
                              cursor: url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;
                          }
                          

                          Best!

                          Marius

                          www.mariusjopen.world

                          1 Reply Last reply
                          0
                          • M Offline
                            M Offline
                            mrrpringle
                            wrote on last edited by
                            #13
                            This post is deleted!
                            1 Reply Last reply
                            0
                            • M Offline
                              M Offline
                              mrrpringle
                              wrote on last edited by
                              #14
                              This post is deleted!
                              1 Reply Last reply
                              0
                              • M Offline
                                M Offline
                                mrrpringle
                                wrote on last edited by
                                #15

                                Hi Marius,

                                The code you provided for custom left and right cursor works, and I was able to add a custom mouse cursor too, but it seems the custom mouse cursor disappears when using the full screen slider.

                                Example: mackenziepringle.com/fss

                                You can see in the link provided that there's a custom mouse, and custom left and right arrows, but the custom mouse vanishes when using the full screen slider, yet stays on the "profile" page... any thoughts on how to troubleshoot this? Thanks in advance.

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

                                  Dear @arminunruh
                                  the only cursor I can see is the pointer for the Fullscreen-Slider.

                                  Where do you use a custom cursor?

                                  Best!

                                  Marius

                                  www.mariusjopen.world

                                  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
                                  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