MP4 not playing on Chrome version 27.0

by

After running into the same issue – here’re some of my thoughts:

  • due to Chrome removing support for h264, on some machines, mp4 videos encoded with it will either not work (throwing an Parser error when viewing under Firebug/Network tab – consistent with issue submitted here), or crash the browser, depending upon the encoding settings
  • it isn’t consistent – it entirely depends upon the codecs installed on the computer – while I didn’t encounter this issue on my machine, we did have one in the office where the issue occurred (and thus we used this one for testing)
  • it might to do with Quicktime / divX settings (the machine in question had an older version of Quicktime than my native one – we didn’t want to loose our testing pc though, so we didn’t update it).

As it affects only Chrome (other browsers work fine with VideoForEverybody solution) the solution I’ve used is:

  • for every mp4 file, create a Theora encoded mp4 file (example.mp4 -> example_c.mp4)

  • apply following js:

    if (window.chrome)
    $("[type=video\\\/mp4]").each(function()
    {
        $(this).attr('src', $(this).attr('src').replace(".mp4", "_c.mp4"));
    });

Unfortunately it’s a bad Chrome hack, but hey, at least it works.

More Related Contents:

  1. Getting Chrome to accept self-signed localhost certificate
  2. How to make audio autoplay on chrome
  3. Using Chrome’s Element Inspector in Print Preview Mode?
  4. How can I get the URL of the current tab from a Google Chrome extension?
  5. How to stop CORB from blocking requests to data resources that respond with CORS headers?
  6. How can I open my extension’s pop-up with JavaScript?
  7. How to verify an XPath expression in Chrome Developers tool or Firefox’s Firebug?
  8. Automatically open Chrome developer tools when new tab/new window is opened
  9. Chrome CORS error on request to localhost dev server from remote site
  10. Chrome DevTools Devices does not detect device when plugged in
  11. Content script matching top-level domains like all google.*
  12. Bizarre Error in Chrome Developer Console – Failed to load resource: net::ERR_CACHE_MISS
  13. Chrome cancels CORS XHR upon HTTP 302 redirect
  14. CSS Border radius not trimming image on Webkit
  15. Chrome – org.openqa.selenium.WebDriverException: unknown error: cannot get automation extension at driver.manage().window().maximize();
  16. How to disable (gray out) page action for Chrome extension?
  17. Selenium WebDriverException: unknown error: call function result missing ‘value’ while calling sendkeys method
  18. Can I modify outgoing request headers with a Chrome Extension?
  19. CORS error on request to localhost dev server from remote site
  20. Chrome not showing OPTIONS requests in Network tab
  21. Why doesn’t Chrome browser recognize my http2 server?
  22. Chrome Dev Tools – “Size” vs “Content”
  23. Does –disable-web-security work in Chrome?
  24. net::ERR_INSECURE_RESPONSE in Chrome
  25. What does “http://*/*”, “https://*/*” and “” mean in the context of Chrome extension’s permissions
  26. How can I detect the current tab’s mime type in a Google Chrome extension?
  27. WebRTC OfferToReceiveAudio error in Firefox
  28. Chrome’s remote debugging (USB debugging) not working for Samsung Galaxy S3 running android 4.3
  29. additional options in Chrome headless print-to-pdf
  30. Chrome video autoplay

Leave a Comment