Den här webbplatsen har begränsad funktionalitet medan vi utför underhåll för att förbättra din upplevelse. Om en artikel inte löser ditt problem och du vill ställa en fråga har vi vår gemenskap som väntar på att hjälpa dig på @FirefoxSupport på Twitter, /r/firefox på Reddit.

Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

HTML5 Video player 'poster' image not aligned with player

  • 1 svar
  • 3 har detta problem
  • 1 visning
  • Senaste svar av 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
Bifogade skärmdumpar

Ändrad av cor-el

Alla svar (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.