CHANGE SINGLE CUSTOM PLAY ICON
-
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 -
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
-
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 here2
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 here3
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
-
… 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>
-
Thanks for the update @GregorGregor sorry i was late to this, best wishes & Merry Christmas! 🎄
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- 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:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it