Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. CHANGE SINGLE CUSTOM PLAY ICON

CHANGE SINGLE CUSTOM PLAY ICON

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 1.0k 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.
  • G
    G
    GregorGregor
    wrote on last edited by
    #1

    hello.

    any possibility to change s i n g l e custom play icons for videos?
    i have multiple videos on one page and need to have one different.

    so far i only found out how to change a l l icons on the same page.

    some hints would be highly appreaciated.

    thanks and best!
    XG

    1 Reply Last reply
    0
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear Gregor

      @GregorGregor

      "so far i only found out how to change a l l icons on the same page."

      yes so, you know about changing or setting a "Custom Icon" for HTML5 Videos in General. But you cant do this with an individual icon in the settings sorry.

      If you like - Post a link to your website with the single Video icon you wish to change & i can take a closer look 🔍🌝


      Best wishes
      Richard
      1 Reply Last reply
      0
      • G
        G
        GregorGregor
        wrote on last edited by
        #3

        Re: CHANGE SINGLE CUSTOM PLAY ICON

        hi — thanks for you reply!

        will try to be a bit more clear:

        1
        i changed the custom play icon in general to an SVG saying
        »play trailer«
        — all fine here

        2
        i came up with a CSS to change custom play icon on one page to an SVG saying »play full video« instead of »play trailer«
        — all fine here

        3
        i need to set up one page with both full videos and trailers.
        so i would want 6 videos to have custom play icon »play full video« and 1 with »play trailer«
        — here is my problem
        — can only change the play icon for the whole page
        — not individually
        — not possible to target a single video via CSS?

        my site is not online yet.
        assume i cannot really post it here without giving my password.
        or am i missing something?

        glad to hear from you.

        all best happy day.

        gregor

        1 Reply Last reply
        0
        • G
          G
          GregorGregor
          wrote on last edited by
          #4

          … solved it like this

          <script>
          window.laytheme.on("newpageshown", function(layoutObj, type, obj){
          if(type == "project" && obj.id == XXXX){
          	jQuery(".html5video-customplayicon")
          	.attr("src","http://www.XXX.com/wp-content/uploads/XXXX/XX/ICON_AAA.svg");
          	
          jQuery(".dont .html5video-customplayicon")
          	.attr("src","http://www.XXX.com/wp-content/uploads/XXXX/XX/ICON_BBB.svg");
          }
          });
          </script>
          
          1 Reply Last reply
          1
          • RichardR
            RichardR
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Thanks for the update @GregorGregor sorry i was late to this, best wishes & Merry Christmas! 🎄

            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Online Users
            R
            robertobarbes
            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