Make play button invisible 
Author: Tom W.
Visited 319,
Followers 1,
Shared 0
Hi,
I've just created a doodly video and would like to place it on my home page.
The thing is I want it to remain there after being played as a picture.
The problem is the play button shows and remains in the middle of the video after it stops playing.
Is there any way to make it invisible? Same goes for the volume speaker icon.
Thank you.
Posted on the
(It > En) ... we should see what kind of video it is...
... we should know if the video should be interrupted and replaced by an image and at the end...
... depending on the situation there could be some of my exclusive inventions with EXTRA code...
... in order to evaluate I need to see the LINK of the page containing the video...
... if you post the LINK I will return here, otherwise wait for the experts...
.
ciao
.
Author
@KalAsim soory but the website is not online yet. I tried conveting to GIF but that keeps replaying and the size of the file is a bit too large.
... OK ...
... when you post the LINK I will come back here...
.
ciao
.
Author
There you go.
I've uploaded it for you. There's nothing there as I've just started.
https://www.allfinance.expert/
The left one is GIF and right one is WEBM
...OK...
...this is my code for that video on that current online page of yours:
<style>
.imObjectVideo_02_video-placeholder, #imObjectVideo_02_video-unmute{display:none !important}
</style>
.
ciao
.
Author
Not working. I'm giving up. Will place static object. Thanks. Thought there was a simple automatic resolution to this,
...!... I see that you have not applied my code...!...
... I tried it now and it works correctly in my simulation relative to your LINK...
... if you respect the relative reference selector it will surely work...
... with my code you will not see these icons:
.
Author
OK. Where exacly do I paste that code? Please help :)
... in the Expert > /HEAD section of the Page Properties, exactly here:
>> Step 3 - Map > The 'Page Properties' window >
▪Custom Code: > 3^(third) option > Before closing the HEAD tag
.
Author
HI. Works fine.
Will that work on all objects if I add more? I'm not an advanced user.
Thank you.
... as said before, you have to find the reference selector...
... or, if you have more than one similar object in the same page, then you can use this other code of mine as the only code for all the same similar objects:
<style>
div[class$='_video-placeholder'], svg[id$='_video-unmute'] {display:none !important}
</style>
.