We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

HTML5 Video player 'poster' image not aligned with player

  • 1 回覆
  • 3 有這個問題
  • 8 次檢視
  • 最近回覆由 Paul

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
附加的畫面擷圖

由 cor-el 於 修改

所有回覆 (1)

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.