www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] Video Element Width Far Too Wide In Firefox

Hybrid View

  1. #1
    Join Date
    Jul 2010
    Posts
    66

    resolved [RESOLVED] Video Element Width Far Too Wide In Firefox

    I have a 720 x 576 pixel video and it is shocking that one popular browser, Firefox 17, is taking up a width that is far beyond what Internet Explorer 9 and Google Chrome 23 are taking (other browsers not tested). Computation of the horizontal space taken is critical, since I have the video element on the left, and a slideshow and text on the right that changes as the video plays. The user will be cautioned to maximize the window (F11 key) for the best presentation, but I will still have to do a screen pixel width computation since resolutions will differ.

    Horizontal space will be tight, since the resolution on some screens may well be just 1024 pixels.

    I am using all the native media playing elements (webm for FF, mp4 for IE and whatever Chrome plays).

    This is a university application arts resume on a web page, and the last thing you want to tell those who are judging the resume is that they must to install a plugin in their browser that they might not want to install for whatever reason (perhaps philosophical, perhaps practical)...which is the reason for using the native media playing elements.

    The annoying part is that Firefox is taking nearly 50% wider width (1026 px for the 720 px wide video) than the other browsers.

    Why is Firefox taking TOO MUCH width and is there a solution?

  2. #2
    Join Date
    Oct 2012
    Posts
    55
    Have you set a height and width for it in the css?

    Dan

  3. #3
    Join Date
    Jul 2010
    Posts
    66
    I should have done more testing.

    No, it's not the browser imposing the unwanted width.

    It was the MPG->WEBM (VP8/Vorbis) converting encoder. Was actually an add-on to Firefox called Firefogg. It imposes its own unwanted width by pillarboxing the video. Not sure why this pillarboxing is necessary.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles