WebSite X5Help Center

 
Tom W.
Tom W.
User

Make play button invisible  en

Autor: Tom W.
Visited 321, Followers 1, Udostępniony 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
11 ODPOWIEDZI
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

(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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Tom W.
Tom W.
User
Autor

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

Czytaj więcej
Posted on the from Tom W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

... OK ...
... when you post the LINK I will come back here...

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Tom W.
Tom W.
User
Autor

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

Czytaj więcej
Posted on the from Tom W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Tom W.
Tom W.
User
Autor

Not working. I'm giving up. Will place static object. Thanks. Thought there was a simple automatic resolution to this,

Czytaj więcej
Posted on the from Tom W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

...!... 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:

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Tom W.
Tom W.
User
Autor

OK. Where exacly do I paste that code? Please help :)

Czytaj więcej
Posted on the from Tom W.
Tom W.
Tom W.
User
Autor

HI. Works fine.

Will that work on all objects if I add more? I'm not an advanced user.

Thank you.

Czytaj więcej
Posted on the from Tom W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪