M
M
Marina2017-10-24 12:15:30
iOS
Marina, 2017-10-24 12:15:30

How to remove/replace play button in HTML5 player on mobile?

Made a custom video start button. On the desktop, everything is ok, but on mobile, the standard play button appears behind.
Is there a way to remove the standard button or replace it?
59ef043e7a252346476679.jpegUPD: It turned out that there is no icon on Android devices. Only on iOS.
But the question still remains.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
Marina, 2017-10-27
@Mo_Ginger

Found the answer to my question on stackoverflow

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

D
Daniil Sugonyaev, 2017-10-24
@coolswood

As an option, add your icon on top of the video using positioning and when you click on it, launch the player with a script.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question