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!

Avatar for Username

Search Support

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.

Learn More

This thread was archived. Please ask a new question if you need help.

HTML5 Video player 'poster' image not aligned with player

  • 1 reply
  • 3 have this problem
  • 1 view
  • Last reply by Paul

Armadillo
Armadillo
more options

Using standard HTML5 coding in a very simplistic manner the top and bottom of the player do not align with the poster image. If I use CSS to control the player size, or the poster size the top and bottom align, but the right and left edges warp out of square shape.

The simple code: 

    <br>
     <video controls poster="PCYC.png" width="500" >
	  <source src="JazzClubVideo-4.mp4" type="video/mp4">
	  Your browser does not support the video tag.
</video>
    <br>

See attached image for an example.

Michael

Using standard HTML5 coding in a very simplistic manner the top and bottom of the player do not align with the poster image. If I use CSS to control the player size, or the poster size the top and bottom align, but the right and left edges warp out of square shape. The simple code: <pre><nowiki> <br> <video controls poster="PCYC.png" width="500" > <source src="JazzClubVideo-4.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <br> </nowiki></pre> See attached image for an example. Michael
Attached screenshots

Modified by cor-el

All Replies (1)

Paul
Paul
  • Top 25 Contributor
  • Moderator
more options

Hi

This sounds more like a web development question than a support issue with Firefox.

I recommend that you contact the developer community at Stack Overflow who should be able to help you with this.