Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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 பதிலளி
  • 3 இந்த பிரச்னைகள் உள்ளது
  • 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

cor-el மூலமாக திருத்தப்பட்டது

All Replies (1)

Paul
Paul
  • Moderator
  • Top 10 Contributor
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.