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

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

HTML5 Video player 'poster' image not aligned with player

  • 1 risposta
  • 3 hanno questo problema
  • 1 visualizzazione
  • Ultima risposta di 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
Immagini allegate

Modificato da cor-el il

Tutte le risposte (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.