Video issues...

Question

Hello!
I've exhausted my resources trying to work around a bug between HTML5 player and Firefox, and I was hoping you could help.
My embedded videos, which primarily uses HTML5 player plays back extremely choppy with Firefox (when in full screen). I spent several hours consulting with lead technicians at Vimeo, and they informed me that there is an incompatibility with Firefox and HTML5. I then had a developer code the site to use Flash for Firefox, and HTML5 for all other browsers. Now my CSS for the videos no longer works, and I'm still trying to figure out a work around for this as well.
This does not feel good to use older technology to get my videos to work properly, especially since I've always seen Firefox as cutting edge (it's my favorite browser, you know ;)). I really wish I could go back to using HTML5 for ALL of my browsers, but I really cannot have the videos playing choppy.
Is there any information you could offer to help? I surely would appreciate it.
My website is thenourishedcook.com/dev. This is the last item to be completed before the site goes officially life. Hopefully soon! :)
Thank you kindly,
Sharon

Answer 1

Hello again,
''sharongraylac wrote:''
Just want to make sure we are talking about the same thing... I had changed the code on the About page this morning to test things out.
Here's a recording of the first ~35 seconds of the video at http://thenourishedcook.com/dev/about as it plays on my system, in Firefox without Flash Player. Note that the image quality isn't relevant. The video had to be compressed to keep the file size reasonable.
# Go to http://www.firedrive.com/file/67F4A915BEAE8CE0
# Click the "Continue to File" button.
# Right-click the "Direct Download" link and choose Save Link As. Save the file somewhere handy, like the desktop.
# Open the video in an application like Windows Media Player, Media Player Classic Home Cinema, VLC or QuickTime.
Is that what you consider choppy playback, or is it worse on your system?
''sharongraylac wrote:''
So it sounds like (if I'm understanding you correctly) that there IS a bug between Firefox and HTML5 player?
I'm sorry, the bug report I mentioned twice before was about Vimeo videos played through Flash Player. So it doesn't apply to your situation. You can
# [[Upgrade your graphics drivers to use hardware acceleration and WebGL|Update your graphics drivers]].
# [[Advanced settings for accessibility, browsing, system defaults, network, updates, and encryption|Toggle the status of hardware acceleration]] under Options → Advanced → General and restart Firefox.
# [[Troubleshoot Firefox issues using Safe Mode|Start Firefox with Add-ons Disabled (AKA "Safe Mode")]].
If the problem still occurs after the troubleshooting steps above, then there may be a performance bug in Firefox specific to your hardware configuration. You can file a new bug report (click the "[https://bugzilla.mozilla.org/enter_bug.cgi?format=guided&product=Core Report an issue with Firefox on a site that I've developed]" link at step 1), but there's no telling when or if a developer will notice your report. Again, the "How to report a performance problem" link I mentioned before would provide helpful information when filing a bug report.
* [https://developer.mozilla.org/docs/Mozilla/QA/Bug_writing_guidelines Bug writing guidelines | MDN]
* [https://developer.mozilla.org/docs/Performance/Reporting_a_Performance_Problem How to report a performance problem | MDN]
''sharongraylac wrote:''
P.S. And the fact that border-radius does not work with Flash is one of the reasons I'm trying to use HTML5 player...
You could always add a square border to the parent element of the Flash content. That can look pretty nice too.