Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

html5 video: remove the play overlay

  • 1 การตอบกลับ
  • 3 คนมีปัญหานี้
  • 12 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย poupoule

more options

Web developer's question:

In html5, using the tag /video/ to play a video in a very standard way, without the autoplay attribute, when the video waits to be played on the loaded page, there is a black transparent overlay over the entire surface of the poster, with a white round play button on the middle...

Please, How to remove, or hide, this overlay with its white round play button over it, using CSS?

Note that IE, Chrome, Safari or Opera do not have such feature... If it is implemented on Firefox we can expect there is a way to control this feature.

Thanks.

Web developer's question: In html5, using the tag /video/ to play a video in a very standard way, without the autoplay attribute, when the video waits to be played on the loaded page, there is a black transparent overlay over the entire surface of the poster, with a white round play button on the middle... Please, How to remove, or hide, this overlay with its white round play button over it, using CSS? Note that IE, Chrome, Safari or Opera do not have such feature... If it is implemented on Firefox we can expect there is a way to control this feature. Thanks.

เปลี่ยนแปลงโดย poupoule เมื่อ

การตอบกลับทั้งหมด (1)

more options

Here, on the image, is how the video tag renders on various browsers. Obviously Firefox has an overlay with a little round play button on the middle. This is exactly what I need to remove.

เปลี่ยนแปลงโดย poupoule เมื่อ