Hide or Remove Video Play Button on IPhone or Safari

Finished a site that has a video in the background. Looked great everywhere I viewed it; however, the client has an iPhone and the play button shows even when the video isn’t suppose to show.

This link helped me solve it.


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

I hope this helps someone else out there…


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.