Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Sound on hover / mose over

    General Discussion
    2
    3
    18
    Loading More Posts
    • 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.
    • G
      gdk last edited by

      Hi, I try to play a mp3 which pronounces my name when I hover over it. Therefor I try to use this script:

      <script>
      
      window.laytheme.on("newpageshown", function(layoutObj, type, obj){
      var s1 = new Audio("http://koekkoek.xyz/wp-content/uploads/2020/05/kuckuck.mp3");
      jQuery("#note1").mouseover(function() { playme(s1); });
      
      function playme(n) {
      n.play();
      }
      
      });
      
      </script>
      

      and put it inside my post here as like this:

      <span id="note1">[ˈkʊkʊk]</span>
      

      but it doesnt work at all. Where exactly do I have to place the js code? Inside the custom html / header?

      thats the site I try to integrate it: http://koekkoek.xyz/info

      thank you!

      1 Reply Last reply Reply Quote 0
      • G
        gdk last edited by

        somehow this only works if I jump onto another site and go back to my site with the back function of my browser.

        1 Reply Last reply Reply Quote 0
        • mariusjopen
          mariusjopen Global Moderator last edited by

          Dear @gdk
          this might be connected with the browser which stops autoplay of sound before you did not click on the website.
          Best!
          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 0
          • First post
            Last post
          Post a link to where the problem is
          I don't answer or check forum DMs, please just post on the forum.
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

          Before you post:

          Use the Search Feature. Maybe there is already a solution to your issue.

          1. Update Lay Theme and all Lay Theme Addons
          2. Disable all Plugins
          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
          4. Now see if your problem solved itself
          5. Go here, see if your problem is listed here:
          Troubleshooting

          When you post:
          1. Post a link to where the problem is
          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

          Thanks!

          Online Users

          G
          M
          K

          Recent Topics

          • T

            scroll element transitions mobile

          • L

            HTML

          • M

            Burger menu in desktop and tablet view

          • M

            WPForms Lite not working with new theme update (5.5.5)

          laytheme.com